3

我在一个很长的视差网站上工作（比如 12k 像素）。我想创建一个滚动点列表，我认为这会改善用户体验。

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

有人可以教我如何编写代码吗？这是我第一次使用 javascript/jquery（或编程）

4

3 回答 3

2

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

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

您也可以轻松地将滚动条转换为动画。

编辑：添加动画滚动。

于 2012-04-15T15:47:31.870 回答
1

您可以将一个 ID 附加到您的滚动点元素，并使用这个 jQuery 插件来检测哪个在视口上。http://patik.com/blog/within-viewport-javascript-and-jquery-plugin/

从那里开始，它就像使用.next()and一样简单.prev()。

我会尽快添加一个小提琴示例。

编辑：不幸的是，我无法在小提琴上做靶心；但这里的代码，如果你仍然想要它。它不完整，因为我想把其余的逻辑留给你。

http://jsfiddle.net/NMHaW/

不过，这应该为您指明正确的方向。

于 2012-04-15T15:17:24.037 回答
0

我认为你应该看看 twitter 如何在他们的引导程序中实现这一点。他们称之为scrollspy，你可以在这里找到信息：

http://twitter.github.com/bootstrap/javascript.html#scrollspy

于 2012-04-15T14:49:56.057 回答