Question

我已经获得了平滑滚动的代码：

$(window).scroll(function() {
    if ($(".nav").offset().top > 150) {
        $(".nav-fixed-top").addClass("top-nav-collapse");
    } else {
        $(".nav-fixed-top").removeClass("top-nav-collapse");
    }
});


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

但是在滚动标题之后隐藏了部分我需要移动它约100px顶部？我试过了：

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

或

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

但这不能正常工作：/

Answer 1

您需要将100添加到顶部偏移量，因为它的0

nav-fixed {
    position:fixed;
    top:0;
}

试试这个：

$('html, body').stop().animate({
    scrollTop: $(".nav").offset().top + 100
}, 1500, 'easeInOutExpo');

您可以使用

检查变量的值

console.log($($anchor.attr('href')).offset().top);

快乐的编码！

jQuery偏移顶部导航栏

1 个答案: