Question

我的脚本有问题。直到上周，当我的客户谈到它时，它工作得很好。我的网站有一些添加了哈希的链接，以便在加载页面时顺畅地滚动到id。现在它不再平滑滚动。我确实检查了我的变量，它得到了哈希的id（例如#content）以及头部nav的高度。我找不到问题。

这是脚本：

if (window.location.hash) {
    //bind to scroll function
    $(document).scroll( function() {
        var hash = window.location.hash;
        //var hashName = hash.substring(1, hash.length);
        var element;

        //if element has this id then scroll to it
        if ($(hash).length !== 0) {
            element = $(hash);
        }

        //if we have a target then go to it
        if (element !== undefined) {
            window.scrollTo(0);
        }
        //unbind the scroll event
        $(document).unbind("scroll");
        $("html, body").animate({scrollTop: ($(element).offset().top - $('header nav ul').height()) }, 500);
    });
}

提前致谢

Answer 1

原生卷轴不好用。处理不同的浏览器和移动设备非常困难。使用iScroll我的朋友http://cubiq.org/iscroll-5 ..它就像一个魅力，并带有很多功能！

阻止浏览器滚动到文档准备就绪，然后慢慢动画

1 个答案: