javascript - 仅当用户不滚动自己时，如何在加载时滚动页面？

Question

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

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

但是，我希望此脚本仅在用户在页面加载期间停留在顶部并且没有自己滚动页面时运行。如果用户在页面加载期间向下滚动，脚本不应执行任何操作，也不应中断用户在网站上的行为。

我怎样才能做到这一点？

Answer 1

使用 jQuery 的 .scrollTop()检查当前滚动位置:

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