添加缓动以平滑滚动

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 来修复它。如果可能的话，我仍然想知道如何添加缓动。