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

Question

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

我知道如何做一个可点击的链接，它会触发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);
})