将顶部值分配给 scrollTop

Assign top value to scrollTop

本文关键字：scrollTop 分配 顶部      更新时间：2023-09-26

我有一个项目，当用户访问网站时，徽标将加载到页面中心。然后，如果用户向下滚动，徽标将滚动到顶部，内容将随之而来，但是，徽标一旦到达窗口顶部，就会固定在顶部。所以，我想做的是，阻止内容进入顶部（因为该内容位于徽标后面），例如，#Furniture 是div，当单击带有href"#Furniture"的锚标签时，它会转到顶部。我想从浏览器顶部停止包含 #Furniture 的div 150px（徽标的高度）。这可能吗？

以下是我用于将任何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;
    });
});

小提琴

像这样使用：

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;
});
相关文章：