2

ユーザーがページを下にスクロールし、特定のポイントに到達すると、スクロールを続行する前にしばらく「スティック」することを検討しています。大きな画像の間にコンテンツがある大きな垂直ページがあります。ユーザーがこれらのコンテンツにアクセスすると、ブラウザはスクロールを一時停止してからスクロールを続行する必要があります。これが、ページ上のすべての画像の中でコンテンツを強調するのに役立つことを願っています.

これが十分に明確であることを願っています:s

乾杯

4

1 に答える 1

0

次のようなことを試すことができます：

$(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/

于 2013-05-10T16:37:38.540 に答える