Jquery 为平滑滚动添加缓和

我有一个相当长的单页网站，我使用导航在不同的部分上下垂直滚动。目前，我正在使用以下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轻松脚本，但是我的jquery和html5动画知识仍然有点浅薄。如有任何建议，将不胜感激

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

• 正在使用数据偏移量，以便滚动清除病态导航栏。 谢谢 JC

---

我想我把延迟时间从500增加到1500，解决了这个问题。如果可能的话，我仍然想知道如何添加缓和。
umn，您忘了在小提琴中引用jQuery库：p至于缓和，您可以参考