javascript - 偏移平滑滚动 Bootstrap JS

Question

我需要平滑滚动偏移 100 像素。到目前为止我有这个:

$(function() {
    $('a.page-scroll').bind('click', function(event) {
        var $anchor = $(this);
        $('html, body').stop().animate({
            scrollTop: $($anchor.attr('href')).offset().top
        }, 1500, 'easeInOutExpo');
        event.preventDefault();
    });
});

这让我的链接动起来了!但是我该如何添加 .offset().top > 100 呢？如果有人可以提供帮助，我遇到了问题。

Answer 1

听起来你有一个固定的导航栏。假设你的 anchor 是空的:

<a class="anchor" id="foo"></a>

只需偏移 css 中的 anchor :

.anchor {
    top: -100px;
    position: relative;
    display: block;
}

或者，您可以通过更新 javascript 来偏移 scrollTop:

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