jquery - 动画 jQuery 滚动顶部

Question

我在 jQuery 中有一个 scrollTop 函数，但我不能为它设置动画。是否可以？

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

Answer 1

你可以用animate()这个。

应用于 adiv的示例代码如下：

//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 代码