Jquery 在页面加载时缓慢滚动到 h1 标签减去 100 像素

Question

我有很多页面，我希望用户知道 h1 标签（搜索框）上方有内容，但不必每次都滚动过去才能找到内容。

我知道如何做一个可点击的 link，它将触发 JQuery 将页面向下滚动到特定的 ID，但我似乎找不到任何方法来： 1）向下滚动页面加载。 2) 滚动到 h1 而不是元素 id。

可能吗？

干杯

Answer 1

试试这个：

$(document).ready(function() {
    $('html,body').animate({
        scrollTop: $('h1:first').offset().top
    }, 800, function() {
    });
});

Answer 2

如果您不想为滚动设置动画，请选中此选项： https://jsfiddle.net/q3nzk3d4/1/

 $(document).ready(function() 
{
        $('html, body').scrollTop($('h1:first').offset().top);
})

Jquery scroll slowly to h1 tag minus 100 pixels on page load