暂停某一点滚动一会儿

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/