滚动到固定导航隐藏内容

Question

快速提问。我已经实现了一个滚动方法来滚动到我的div与导航中的特定ID。当我的导航栏被修复其滚动到很远的位置..我如何偏移以便它滚动到正确的位置..向上加载一些图像和js代码..

希望你能帮忙......

这就是我得到的......

这就是我想要的......

js file ..

    $('a[href^="#"]').on('click',function (e) {
    e.preventDefault();
    var target = this.hash,
    $target = $(target);
    $('html, body').stop().animate({
        'scrollTop': $target.offset().top
    }, 900, 'swing', function () {
        window.location.hash = target;
    });
  });

Answer 1

我曾经遇到过同样的问题，所以我使用了这个功能：

var scrolldown = function(item, tuner) {
            $('html, body').animate({
                scrollTop: $(item).offset().top - tuner
            }, 2000, 'easeOutCirc');
    }

其中item是要滚动到的id，调谐器是用于调整滚动结束位置的像素值。

您可以像以下一样使用它：

$('#id-of-nav').click(function(e) {
    e.preventDefault();
    scrolldown("#id-of-target", "150")
});

这是您可以在其中查看实际操作的网站：https://www.tabapp.com/

当然你可以删除动画。