javascript - 在某个点暂停滚动一会儿

Question

我希望用户向下滚动页面，当它到达某些点时“粘住”片刻，然后继续滚动。我有一个大的垂直页面，其中包含大图像之间的内容，当用户点击这些内容时，浏览器应该停止滚动一会儿然后继续滚动。我希望这将有助于突出显示页面上所有图像中的内容。

我希望这足够清楚：s

干杯

Answer 1

你可以尝试这样的事情：

$(function () {
  var delay = 2000,
    //Following var because http://stackoverflow.com/questions/3042651/jquery-scrolltop-not-working-in-chrome-but-working-in-firefox
    $scrollEl = $.browser.mozilla ? $('html') : $('body');
    selectors = ['#img1', '#img2', '#img3'];

  (function scrollPage() {
     var $el = $(selectors.shift());
     if ($el.length === 0) return;

     //animate
     $scrollEl.animate({ scrollTop: $el.offset().top }, 2000, function () {
        setTimeout(scrollPage, delay);
     });
   })();
});

演示：http: //jsfiddle.net/aamir/eFmZj/7/show

播放：http: //jsfiddle.net/aamir/eFmZj/7/