如何使用javascript构建加速滚动效果？

我是javascript新手，你们中的很多人都知道，我发现我所学的所有东西的实际应用都回避了我。如果你只是给我代码，那可能帮不了我；我需要一个如何和为什么事情的工作，直到滚动一页细分

想法是从第一页开始。所以我需要一个从第一页开始的函数。有一个向上、向下、向左和向右的箭头。单击它们将平滑地将您滚动到指定的方向

这是一个非常简单的想法，即拥有一个比屏幕区域大的页面，可以通过滚动导航，尽管这种方式可以确保您一次只能看到一个屏幕

我对我需要的东西有一个想法，但我不是很确定

我需要确定将滚动到的页面的每个部分的大小。通过这个，我确定滚动的距离和方向

然后，我需要构建实际的函数，该函数可以向适当的方向滚动

伪码

html
js
函数scrollRight（）
{
scrollBy（“当前页面的宽度”，0）；
setTimeout（“scrollScroll（）”，100）；
}

然后我需要停止这个函数。因为每个箭头都会得到一个onClick事件处理程序（我认为这是合适的术语），所以我可以构建4个函数。一个用于向右、向左等滚动，并与相应的箭头一起使用

---

但是我实际上是如何做到的？我的思路是否正确？

听起来你的思路是正确的，youngpup有一些很好的例子，他的评论将帮助你理解它的工作原理，并指导你使用滚动效果。

这是一种非常有趣的方式！！我从中学到了很多东西，但不一定是如何做我想要的事情。但这确实让我更多地思考我在做什么。

html

<div id="arrowRight" onClick="scrollRight">

js



  function scrollRight()
  {
  window.scrollBy("widthOfCurrentPage",0);
  setTimeout("scrollScroll()", 100);
  }