javascript - 在 Javascript 中为 windows.scrollby 设置动画

Question

所以我像这样使用 window.scrollby

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

有没有办法让它像移动缓慢或偏移或任何其他选项一样动画？

提前致谢

Answer 1

来自类似的问题...

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

$('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/