javascript - 滚动到 div - jquery - 特定位置

Question

我正在尝试这段代码:

  function goToByScroll(id){

        id = id.replace("link", "");

        $('html,body').animate({
            scrollTop: $("#"+id).offset().top},
            'slow');
    }

    $("#sidebar > ul > li > a").click(function(e) {

        e.preventDefault();

        goToByScroll($(this).attr("id"));           
    });

问题是，当我单击列表的特定元素时，滚动会上升到窗口顶部。但就我而言，我在顶部有一个固定的 div，因此内容被这个 div 隐藏了。好吧，我想在 div 之前停止滚动。

有什么想法吗？

demo

Answer 1

您需要为顶部栏提供一个 id(例如 id="header")，然后从 scrollTop 属性中减去该 ID:

$('html,body').animate({
    scrollTop: ($("#"+id).offset().top-$('#header').outerHeight(true))+'px'},
    'slow');

Here is a working example .