我正在使用这个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(主页,关于,服务,图库和联系人),所以这里没什么了不起的。谢谢你的帮助!