javascript - 在 Javascript 中动画 windows.scrollby

Question

所以我像这样使用window.scrollby

<script> 
function scrollWindowup()   {  
 window.scrollBy(0,700)   
 }  
 function scrollWindowdown()   { 
 window.scrollBy(0,-700)   }
 </script>

有什么方法可以像移动缓慢或偏移或任何其他选项一样对其进行动画处理？

提前致谢

Answer 1

从一个类似的问题...

scrolltop您可以使用为页面设置动画jQuery。

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

或者

$('html, body').animate({
    scrollTop: 700
 }, 2000);

向下动画页面：

$('html, body').animate({
    scrollTop: '+=700'
 }, 2000);

动画页面：

$('html, body').animate({
    scrollTop: '-=700'
 }, 2000);

看到这个网站： http: //papermashup.com/jquery-page-scrolling/