2012-05-08 160 views
0

即時通訊使用.animate滾動到頁面的頂部,但如果用戶已經在頂部或非常靠近它,並且他們點擊.proj-tile他們將不會能夠再次向下滾動1200ms是否有一種方法可以在到達頂部時停止腳本停止?使用.animate滾動到頂部,如果在頂部停止 - jquery

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

歡呼

回答

1

嘗試添加條件檢查的滾動的高度,並調用相應的動畫,

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

DEMO >> http://jsfiddle.net/skram/KwgMj/ 3/<<需要滾動至少100才能使動畫生效。 –