Javascript Jquery加载链接后,滚动至顶部
我目前正在使用bootsrap 我有一个主导航菜单 我正在将主导航下拉菜单上的每个部分链接到另一个具有特定ID的页面,该ID是另一个页面上的一组选项卡 (可视编写器选项卡-Wordpress) 下面的hash change函数显示页面顶部一秒钟,但它仍然会滚动到hash 更新哈希更改不起作用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(); }); 更新-
$(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事件阻止该事件,页面不会滚动到你的散列我明白了,这正是我需要的,但上面的代码仍然会滚动到散列