如何使用javascript构建加速滚动影响？

Question

我是javascript的新手，你们中的很多人都知道这一点，我发现我学到的所有东西的实际应用都回避了我。如果您只是给我代码，这可能对我没有帮助；我需要详细说明事情是如何进行的，以及为什么要滚动页面。

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

这是一个非常简单的想法，一个比屏幕面积更大的页面，可以通过滚动来导航，尽管这样可以保证每次只能看到一个屏幕。

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

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

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

伪码

html

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

js



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

那我就得停止这个函数了。因为每个箭头都将得到一个onClick事件处理程序(我认为这是恰当的术语)，所以我可以构建4个函数。一个用来滚动右，左等，并使用它们与适当的箭头。

但我如何才能真正做到这一点，我是否在正确的轨道上？

Answer 1

听起来像你在正确的轨道上，小男孩有一些很好的例子，他的评论将帮助你理解它是如何工作的，并指导你http://www.youngpup.net/projects/ypSimpleScroll/。