我正在使用这个 JQuery 脚本来实现垂直平滑滚动效果。它在 Internet Explorer 和 Firefox 中完美运行,但在 Google Chrome 的最新版本中一点也不流畅???怎么来的?我应该更改脚本中的某些内容,还是有另一个平滑滚动脚本可以在所有浏览器中流畅运行?
在谷歌浏览器中,平滑滚动效果实际上会抖动并停止片刻,所以看起来有点难看。
这是 JavaScript/JQuery 代码:
(function() {
$('header ul a').bind('click',function(event){
var $anchor = $(this);
$('html, body').animate({
scrollTop: $($anchor.attr('href')).offset().top + "px"
}, 1500);
/*
if you don't want to use the easing effects:
$('html, body').stop().animate({
scrollTop: $($anchor.attr('href')).offset().top
}, 1000);
*/
event.preventDefault();
});
});
我的 HTML 有 5 个<section>
,每个部分都有自己的 ID(主页、关于、服务、图库和联系人),所以这里没有什么特别之处。感谢帮助!