1

我正在使用这个 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(主页、关于、服务、图库和联系人),所以这里没有什么特别之处。感谢帮助!

4

0 回答 0