javascript - 将 top 值分配给 scrollTop

Question

我有一个元素，当用户访问网站时， Logo 将在页面中央加载。然后，如果用户向下滚动， Logo 将滚动到顶部，内容将随之滚动，但是，一旦到达窗口顶部， Logo 就会固定在顶部。所以，我想做的是，阻止内容到达顶部(因为该内容位于 Logo 后面)，例如#Furniture 是 div，当单击带有 href“#Furniture”的 anchor 标记时，它会到达顶部。我想在距浏览器顶部 150 像素( Logo 的高度)处停止包含 #Furniture 的 div。这可能吗？

以下是我用于将任何 div 平滑滚动到顶部的代码:

$(window).load(function () {
    var $root = $('html, body');
    $('a').click(function () {
        var href = $.attr(this, 'href');
        $root.animate({
            scrollTop: $(href).offset().top
        }, 500, function () {
            window.location.hash = href;
        });
        return false;
    });
});

Fiddle

Answer 1

像这样使用:

var top_val = $(href).offset().top; // or anything your code for getting top value
$root.animate({
        top: "+top_val+"
    }, 500, function () {
        window.location.hash = href;
});