Jquery медленно прокручивается до метки h1 минус 100 пикселей при загрузке страницы

Question

У меня есть несколько страниц, на которых я хочу, чтобы пользователь знал, что есть содержимое выше тега h1 (поле поиска), но не нужно прокручивать его каждый раз чтобы добраться до контента.

Я знаю, как сделать кликабельную ссылку, которая заставит JQuery прокручивать страницу до определенного идентификатора, но я не могу найти способ: 1) прокрутите вниз по загрузке страницы. 2) прокрутите до h1, а не идентификатора элемента.

Возможно ли это?

Приветствия

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); 
})