2017-01-03 5 views
0

私は現在、メーソンリーグリッドのウェブサイトで作業しています。私がやりたいことは、ループしているスクロールを模倣することです。ユーザーがページの最後に到達したときに、ページの上部にありました。 (基本的に、ページは上にスクロールせず、項目が繰り返されます)ページが先頭にジャンプしない無限のループスクロールを模倣する方法はありますか?

これは可能ですか?そして、私が何を追いかけようとしているのかを説明する良い方法がありますか?

私は現在、スクロールのためのスクリプトを使用していますが、ページが突然上方向にどのようにジャンプするかには満足していません。

私はちょうど今、この権利を使用しています:

$('document').ready(function() { 
    $(document).scroll(function(){ 
     if (document.documentElement.clientHeight + $(window).scrollTop() >= $(document).height()) { 
     $(document).scrollTop(0); 
     } 
    }); 
    }); 

答えて

0

あなたがスムーズにあなたのページの一番上までスクロールしたい場合、あなたはアニメーション機能を使用することができます。あなたのコードは次のようになります:

$(document).scroll(function() { 
    if (document.documentElement.clientHeight + $(window).scrollTop() >= $(document).height()) { 
    var body = $("html, body"); 
    body.stop().animate({ 
     scrollTop: 0 
    }, 1500); 
    } 
}); 

1500は、アニメーションを完了するのに必要な時間です(ミリ秒単位)。

+0

例として[jsfiddle](https://jsfiddle.net/aminur/r2k8c05s/)も作成しました。 –

+0

私の答えをチェックしましたか? –

関連する問題