javascript - 加载链接后的 Jquery，滚动到顶部

Question

我目前正在使用 bootsrap。

我有一个主导航菜单。

我将主导航下拉菜单中的每个部分链接到具有特定 ID 的另一个页面，该 ID 是另一个页面上的一组选项卡。

(Visual Composer 选项卡 - Wordpress)

下面的哈希更改函数显示页面顶部一秒钟，但它仍然滚动到哈希...

更新 HashChange 不工作

  $(window).on('hashchange',function(e){
  document.body.scrollTop = 0; 
  e.preventDefault();
});

更新 - JQUERY 不工作

 $('.link-2').click(function() {    
$('html,body').animate({ scrollTop: $("#1234567891011").offset().top }); 
 });

我以这种方式直接链接它，以便在单击链接时选项卡显示为事件状态。

我的代码如下。

<li class="dropdown">
  <a class="dropdown-toggle" data-toggle="dropdown" href="http://myURL#123456789">Title<span class="caret"></span></a>
  <ul class="dropdown-menu">
    <li>
      <a class="link-2" href="http://myURL#1234567891011">Tab Link 1</a>
    </li>
    <li>
      <a class="link-3" href="http://myURL#1234567891011">Tab Link 2</a>
    </li>
  </ul>
</li>

问题是当链接打开时，它会自动转到具有该 ID 的选项卡部分，这会删除选项卡之前的一半信息。

我需要它加载到页面顶部，但仍保持标签处于事件状态。我如何使用 Jquery 执行此操作？

Answer 1

改变你的散列不触发滚动

将哈希更改为:#tab_1234567891011在您要导航的页面中，通过拆分此哈希获取选项卡的 ID

id = window.location.hash.split('_')[1];

用新的id激活标签:

$('#'+id).tab('show');