Jquery 轻松滚动到锚点

Jquery 轻松滚动到锚点,jquery,jquery-animate,bind,scrolltop,Jquery,Jquery Animate,Bind,Scrolltop,我试图使用jquery在单击链接时轻松地滚动到锚点。但我不希望它一直滚动到顶部。它必须从顶部停止至少90px,这样被锚定的div就不会出现在我的固定标题菜单栏后面,这个菜单栏的高度是90px。有什么想法吗 $(function() { $('a').bind('click',function(event){ var $anchor = $(this); $('html, body').stop().animate({ scroll

我试图使用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();
    );
});

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

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

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


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

是的,它可以工作。我会摆弄这个。我会回来评论它的进展。谢谢!它起作用了!但是我没有使用a+,而是使用了-。scrollTop:($($anchor.attr('href')).offset().top-$('menubar').outerHeight()非常感谢。很高兴它起了作用。现在我想到了:是的,你应该减法。添加一个值会将页面上移。