Question

我正在尝试使用jquery在点击链接时轻松滚动到锚点。但我不希望它一直滚动到顶部。它必须从顶部停止至少90px，因此锚定的div不会落在我的固定标题菜单栏的后面，这是90px高。有什么想法吗？

$(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()))

轻松滚动到锚点

1 个答案: