Question

我有一个相当长的单页网站，我使用导航在不同的部分垂直向上和向下滚动。目前我使用以下javascript来完成此任务。

    $(".scroll").click(function(event) {
        event.preventDefault();        
        var $anchor = $('#' + this.hash.substring(1));
        $('html,body').animate({ 
            scrollTop: $anchor.offset().top - $anchor.attr('data-section-offset')
        }, 500);        
    });
});

我遇到的问题是页面在大图像上也很重，因此当我滚动浏览各个部分时，它会有点不稳定。我想知道为此增加一些宽松是多么困难？我已经包含了另一个插件的jquery-easing脚本，但我的jquery和html5动画知识仍然有点轻松。任何建议将不胜感激。

我曾想过在图像上使用延迟加载，但它们都是背景图像，所以我认为这不会有帮助。

Fiddle

正在使用数据偏移，因此滚动会清除病态导航栏。谢谢， JC

Answer 1

我想我通过将延迟从500增加到1500来修复它。如果可能的话，仍然想知道如何添加缓动。

添加缓动以平滑滚动

1 个答案: