如果用户不自行滚动，如何在加载时滚动页面？

Question

我有一个简单的jquery脚本，可以改善用户体验并在页面加载时滚动到页面标题。

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

但是，我希望此脚本仅在用户在页面加载期间保持在顶部并且不自己滚动页面时才运行。如果用户在页面加载期间向下滚动，则脚本不应该做任何工作，也不应该中断用户在网站上的行为。

我怎样才能做到这一点？

Answer 1

使用jQuery＆＃39; .scrollTop()检查当前滚动位置：

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