滚动点击

Question

我正在尝试在ios中滚动时执行javascript。我能想到的唯一方法就像this.但是我试图让它停止并在点击div时开始滚动，但是当我将它放在onClick函数中时它将不起作用。

$('#pause').click(function(){
    function doScroll(){
       $('body').scrollTop($('body').scrollTop() + 20);
    }

    setInterval(doScroll, 50);
});

Answer 1

为什么不呢：

var t;
var scrolling = false;

function doScroll() {
    $('body').scrollTop($('body').scrollTop() + 20);
}

$('#pause').on('click',function(){
    scrolling = !scrolling;
    if(!scrolling){ 
        clearInterval(t);
        return;
    }
    t = setInterval(doScroll, 50);
});

Answer 2

这会打开和关闭滚动。您可能需要添加一些代码来检查滚动结束的时间。

http://jsfiddle.net/YNmZh/7/

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

});



 function doScroll(){
     window.scrollBy(0,5);        
}