Question

我是javascript的新手，很多人都知道，而且我发现我学到的所有东西的实际应用都会让我感到厌恶。如果你只是给我代码，那可能对我没用;我需要分解一下滚动页面的方式和原因。

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

这是一个简单的想法，想要让页面大于可以通过滚动导航的屏幕区域，尽管这样可以确保您一次只能看到一个屏幕。

我知道我需要的东西，但我不完全确定。

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

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

伪代码

html

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

js



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

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

但我如何实际做到这一点，我是否走在正确的轨道上？

Answer 1

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

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

1 个答案: