Question

用户可以单击标签，按类别过滤我页面上的作业。当用户单击选项卡时，页面将点击搜索（我使用pg_search gem）。

问题：单击选项卡时，页面将重新加载并滚动到顶部。这对我的用户体验非常不利。如何防止滚动到顶部并保持标签横幅的高度？

这是我的html.erb文件：

<div class="tabs-banner">
  <div class="tabs">
    <a class="tab active" href="/vacancies?utf8=✓&query=">
      <h2 style="color:white;"><br>All Jobs</h2>
    </a>
    <a class="tab" href="/vacancies?utf8=✓&query=developer">
      <h2><br>Developer</h2>
    </a>
    <a class="tab" href="/vacancies?utf8=✓&query=marketing">
      <h2><br>Marketing</h2>
    </a>
    <a class="tab hidden-xs" href="/vacancies?utf8=✓&query=design">
      <h2><br>Design</h2>
    </a>
    <a class="tab hidden-xs" href="/vacancies?utf8=✓&query=finance">
      <h2><br>Finance</h2>
    </a>
    <a class="tab hidden-xs" href="/vacancies?utf8=✓&query=internships">
      <h2><br>Internships</h2>
    </a>
  </div>
</div>

Answer 1

正如max所说，您可以使用锚点作为快速修复。将ID添加到GCM sender id div中并在链接中使用

tabs-banner

单击选项卡时防止滚动到顶部

1 个答案: