2016-03-25 1 views
1

У меня есть простой сценарий jquery, который улучшает пользовательский интерфейс и прокручивает до заголовка страницы при загрузке страницы.Как прокручивать страницу при загрузке только в том случае, если пользователь не прокручивает себя?

$(document).ready(function() { 
    $('html, body').animate({ 
     'scrollTop': $('#title').offset().top 
    }, 1000); 
}); 

Однако, я хочу этот скрипт для запуска только если пользователь остался на вершине во время загрузки страницы и не пролистать страницу сам. Если пользователь прокручивается во время загрузки страницы, сценарий не должен выполнять какую-либо работу и не должен прерывать поведение пользователя на сайте.

Как я могу это достичь?

+0

Так #title не в верхней части веб-страницы? Если он находится наверху, не будет ли страница уже на вершине при первой загрузке? –

ответ

3

Использование JQuery-х .scrollTop() проверить текущее положение прокрутки:

$(function() { 
    if($(window).scrollTop() == 0) { 
    $('html, body').animate({ 
     'scrollTop': $('#title').offset().top 
    }, 1000); 
    } 
}) 
+0

Точно то, что я хотел. Thx Dmytro! –

Смежные вопросы

 Смежные вопросы