jquery平滑滚动到不同的URL

时间:2013-11-26 14:35:23

标签: jquery

我在网站上有这个简单的代码段,只允许我使用jquery 1.3.2

$(document).ready(function () {

$(".scroll").click(function(event){     
    event.preventDefault();
    $('html,body').animate({scrollTop:$(this.hash).offset().top - 50}, 500);
});
});

问题是它会阻止点击后加载另一个网址。如果我删除event.prevent,一切都很好,但屏幕闪烁,因为浏览器想要跳转到然后脚本触发平滑滚动。我需要平滑滚动而不会闪烁,并且还能够转到不同的URL。你有什么建议?谢谢

2 个答案:

答案 0 :(得分:0)

从转到不同页面的超链接中删除.scroll类。

或者,更改您的选择器,使其仅适用于哈希的超链接:

$('.scroll[href^="#"]').click(function(event) {

答案 1 :(得分:0)

我已经实现了一个jquery滚动到顶部插件,请参阅此链接

JQuery Scroll to Top Script