javascript - 自動スクロールが止まらない

Question

このスクリプトを使用して、ページを一度に数行スクロールし、iOS でスクロール中に JavaScript を実行できるようにします。ただし、ページ内の特定のポイントに到達したら停止したいと思います。これが機能しない理由がわかりません...

window.onload=function(){
document.getElementById( 'pause').addEventListener( "click" , function(){
    if( window.scrollTimerId ){
        window.clearInterval(window.scrollTimerId );
        window.scrollTimerId = null
    }
    else{
    doScroll();
     window.scrollTimerId= window.setInterval( doScroll , 5);
    }

});


 var pauseTop = $pause.offset().top;

 function doScroll(){
         if (pauseTop >= 300 && pauseTop < 3004 || pauseTop >= 4000 && pauseTop < 4004 || pauseTop >= 7500 && pauseTop < 7504) {
         }else{
     window.scrollBy(0,15);
     }
}
}//]]>     

ご覧のとおり、これは、ビュー ポートが 3000 と 3004、400 と 4004 などの間である場合にのみスクロールする必要があります。

何か案は？

Answer 1

さて、これはどうですか：

JQuery

$('#pause').click(function () {
    var y = $(window).scrollTop();

    if (y < 300) {
        scrollify(300);
    }
    else if (y < 3004) {
        scrollify(3004);
    }
    // etc...
});

function scrollify(y) {
    $('body, html').animate({scrollTop: y});
}

デモ: http://jsfiddle.net/3btFN/1/

これにより、一致基準に基づいて、指定されたポイントまでウィンドウがスクロールされます。

Answer 2

変数pauseTopは再計算されません。に計算を含めますdoScroll。