jquery - トップストップの場合は.animateを使用して上にスクロール - jquery

Question

.animate を使用してページの上部にスクロールしますが、ユーザーが既に上部またはその近くにいて、.proj-tile をクリックすると、1200 ミリ秒の間再び下にスクロールできなくなります。停止する方法はありますか?トップに達したときにスクリプトを停止しますか?

 $('.proj-tile').click(function()   {
    $('html, body').animate({ scrollTop: '+0'   }, 1200);
});

乾杯

Answer 1

スクロールの高さを確認し、それに応じてアニメートを呼び出す条件を追加してみてください。

$('.proj-tile').click(function()   {
    if($(window).scrollTop() >= 300) { //has scrolled considerably to animate
        $('html, body').animate({ scrollTop: '+0'   }, 1200);
    }
});