Перейдите к определенному div на загрузке страницы

Я пытаюсь выяснить, как автоматически перевести страницу на конкретный div при загрузке страницы. Я пробовал использовать функцию прокрутки jQuery, но не могу заставить ее работать правильно. Любые предложения?

Вот что я пробовал до сих пор:

jQuery(function() {
jQuery(window).scrollTop(jQuery('.container').offset().top);
});

Ответы

Ответ 1

Вы можете сделать это с помощью метода .animate():

$(document).ready(function () {
    // Handler for .ready() called.
    $('html, body').animate({
        scrollTop: $('#what').offset().top
    }, 'slow');
});

Это позволит сгладить прокрутку до div с идентификатором what

FIDDLE

Ответ 2

Сначала вы должны вызвать файл,

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">

Здесь id - 'scroll'. Следующий код полезен:

<html>
<head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">

$(document).ready(function () {
    // Handler for .ready() called.
    $('html, body').animate({
        scrollTop: $('#scroll').offset().top
    }, 'slow');
});

</script>

</head>
<body>

<div id="scroll"></div>

</body>
</html>

Ответ 3

Se e quiser utilizar para mobile? u ta ta ex ex ex ex ex ex ex ex ex ex ex ex ex ex ex ex ex ex ex ex ex ex ex ex ex ex ex ex

Ответ 4

$(document).ready(function(){
    $("html, body").animate({ 
        scrollTop: $('.sb-menu').offset().top 
    }, 1000);
});