2012-12-21 95 views
2

快速的問題。Jquery scrollup hover stop

試圖爲我的網站做一個可移動的滾動控件。當您將鼠標懸停在按鈕上時,而不是點擊它時,我希望頁面滾動。我主要工作,但似乎有點毛刺,主要是因爲懸停事件不斷觸發動畫方法。我想知道是否有更簡潔的方式來觸發它。以下是我到目前爲止的代碼。

$("#goUp").hover(function() { 
     var curpos= $('body').scrollTop(); 
     $("body").animate({scrollTop: curpos- 200}, 800); 
    }, function() { 
     // I want to stop the animation here when they mouse out 
    }); 

    $("#goDown").hover(function() { 
     var curpos= $('body').scrollTop(); 
     $("body").animate({scrollTop: curpos+ 200}, 800); 
    }, function() { 
     // I want to stop the animation here when they mouse out   
    }); 

感謝所有幫助

回答

1

使用以下方法來停止動畫。

$("body").stop() 
+0

完美:D這就是我所缺少的。謝謝:)當它讓我時,我會在9分鐘內將它標記出來 – TheSnooker