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

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

我知道如何创建一个可点击链接，启动JQuery将页面向下滚动到特定id，但我似乎找不到任何方法： 1） 在页面加载时向下滚动。 2） 滚动到h1而不是元素id

可能吗

干杯

试试这个：

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

---

如果不想设置滚动动画，请选中此选项：

---

请在a中发布相关的jQuery、HTML和CSS。

1）在页面加载时向下滚动

down where<代码>2）滚动到h1，而不是元素id到目前为止您尝试了什么？感谢您的评论，但没有意识到这段代码发布的基本要求。Ish下面的答案正是我想要的，只需稍加编辑。谢谢mirushaki，这是90%，但我希望用户能注意到搜索框，比如，加载，等待半秒钟，动画滚动到h1减去100px（即在h1标记上方显示页面的100px，以便清楚上面有内容）很漂亮！我将“top”改为“top-100”，然后在h1上方显示一些内容，因此用户很清楚那里有内容。你是个明星！很乐意帮忙：）

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