Animate jQuery的scrolltop

Question

我有一個jQuery的scrollTop函數，但我不能動畫它。可能嗎？

$(".loadmore").click(function() { 
$(this).toggleClass("up-arrow", 1000); 
$(window).scrollTop($('.docs').offset().top, 2000); 
}); 

Answer 1

您可以使用animate()這個。適用於div

示例代碼如下：

//Scroll to bottom 
$('div').animate({scrollTop: $('div').get(0).scrollHeight}, 3000); 

//$('div').get(0).scrollHeight - will give the full height of div. 
//scrollTop - will be used to animate from the current position to page end. 
//3000 - will be the duration. 

演示可以在這裏找到：http://jsfiddle.net/codebombs/GjXzD/

Answer 2

$('html, body').animate({ scrollTop: $('.docs').offset().top}, 2000); 

Answer 3

$('#ID').click(function(){ 
$("html, body").animate({ scrollTop: 0 }, 1000); 
return false;   }); 

嘗試jQuery的