javascript - 在我可以使用键盘箭头滚动到的网站上创建点

Question

我正在处理一个相当长(如 12k 像素)的视差网站。我想创建一个滚动点列表，我认为这会改善用户体验。

我认为我需要做的:1)创建一个由滚动点组成的数组，例如 0px 850px 1300px 2000px 2500px (因为它很容易所以我可以理解:)2) 在 keydown keyCode == 37 上移动(动画)到上一个点，在 keyCode == 39 或 keyCode == 32 上移动到下一个点3) 如果它是第一个滚动点，不要转到前一个，因为它不存在，与最后一个滚动点相同

谁能指导我如何编写代码？这是我第一次使用 javascript/jquery(或编程)

Answer 1

不需要插件，但您可能需要修改以下代码以处理您希望能够使用箭头导航的输入字段。

http://jsfiddle.net/lazerblade01/EDwbg/1/

您也可以很容易地将滚动条转换为动画。

编辑:添加滚动动画。