Javascript Jquery加载链接后,滚动至顶部

Javascript Jquery加载链接后,滚动至顶部,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我目前正在使用bootsrap 我有一个主导航菜单 我正在将主导航下拉菜单上的每个部分链接到另一个具有特定ID的页面,该ID是另一个页面上的一组选项卡 (可视编写器选项卡-Wordpress) 下面的hash change函数显示页面顶部一秒钟,但它仍然会滚动到hash 更新哈希更改不起作用 $(window).on('hashchange',function(e){ document.body.scrollTop = 0; e.preventDefault(); }); 更新-

我目前正在使用bootsrap

我有一个主导航菜单

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

(可视编写器选项卡-Wordpress)

下面的hash change函数显示页面顶部一秒钟,但它仍然会滚动到hash

更新哈希更改不起作用

  $(window).on('hashchange',function(e){
  document.body.scrollTop = 0; 
  e.preventDefault();
});
更新-JQUERY不工作

 $('.link-2').click(function() {    
$('html,body').animate({ scrollTop: $("#1234567891011").offset().top }); 
 });
我以这种方式直接链接它,以便在单击链接时选项卡显示为活动状态

我的代码如下


  • 更改哈希值以不触发滚动

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

    id = window.location.hash.split('_')[1];
    
    使用新id激活选项卡:

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

    你的意思是希望每次单击选项卡中的链接时页面都滚动到顶部页面?我希望在单击link-2或link-3类后页面滚动到下一页的顶部。你可以使用
    $('html,body').animate({scrollTop:$(“#你的#DIV_ID”).offset().top})单击选项卡中的链接后,我已经更新了Jquery,但它仍然不起作用。我基本上不希望它滚动到散列,只想像正常一样加载页面。我已经更新了我的答案当你到达一个带有散列的页面时,你会触发hashchange事件阻止该事件,页面不会滚动到你的散列我明白了,这正是我需要的,但上面的代码仍然会滚动到散列