jquery - 轻松滚动到 anchor

Question

我正在尝试使用 jquery 在单击链接时轻松滚动到 anchor 。但我不希望它一直滚动到顶部。它必须停止在距离顶部至少 90 像素的地方，这样锚定的 div 就不会位于我的固定标题菜单栏(90 像素高)后面。有什么想法吗？

$(function() {
    $('a').bind('click',function(event){
        var $anchor = $(this);

        $('html, body').stop().animate({
            scrollTop:  $($anchor.attr('href')).offset().top
        }, 1500,'easeInOutExpo');

        event.preventDefault();
    );
});

Answer 1

您是否尝试过将顶部位置减去 90 像素，如下所示:

scrollTop: ($($anchor.attr('href')).offset().top - 90)

如果有效，您可以动态获取标题菜单栏的高度:

scrollTop: ($($anchor.attr('href')).offset().top - $('menubar').outerHeight()))