2

我是 javascript 的新手，你们很多人都知道，我发现我学到的所有东西的实际应用都在逃避我。如果您只是给我代码，那可能对我没有帮助；我需要分解滚动页面的工作方式和原因。

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

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

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

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

然后我需要构建在适当方向滚动的实际功能。

伪代码

html

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

js



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

然后我不知何故需要停止该功能。由于每个箭头都会获得一个 onClick 事件处理程序（我认为这是正确的术语），因此我可以构建 4 个函数。一种用于向右、向左等滚动，并将它们与适当的箭头一起使用。

但是我该怎么做，我是否走在正确的轨道上？

4

1 回答 1

2

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

于 2011-10-10T13:46:19.967 回答