在Javascript中设置windows.scrollby动画

所以我用window.scrollby这样

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

函数scrollWindowup（）{
窗口。滚动（0700）
}  
函数scrollWindowdown（）{
scrollBy（0，-700）}

是否有任何方法可以像移动缓慢、偏移或任何其他选项那样设置动画

---

提前感谢您提出的类似问题

您可以使用

jQuery

设置页面的

scrolltop

动画

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

或

设置页面动画：

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

设置页面动画：

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

请参阅本网站：

---

如果代码用于移动到页面中的各个部分，我只希望它能上下移动固定数量的像素，并带有一点效果或动画。你可以将

scrollTop

设置为任何你想要的值，它可以是固定数量的像素。我有一个高度约为3000px的页面，我希望一次向上和向下滚动700px。。ScrollTop可以工作，但会转到第一个700px，而不是一步一步。。还有向下滚动的方法吗？请原谅我的问题我只是在学习。。谢谢你更新了我的答案。您可以通过使用

+=

和

-=

以及

设置动画来上下滚动页面。
$('html, body').animate({
    scrollTop: '-=700'
 }, 2000);