Javascript - 想要在滚动事件中跳转到新的div

时间:2012-10-30 22:20:12

标签: javascript jquery

我正在构建一个单页网站,其内容区域是堆叠在页面上的大型内容框。

http://salondoreen.com/lowercasemenu.html

我正在寻找关于使用javascript跳转到每个内容框的方法的想法。对于像这样的单页网站,需要大量滚动才能到达底部。

我的想法是以某种方式使这更容易。如果您在一个盒子中,只需单击一下即可向下滚动,我希望下一个框在一次跳转中一直向上滚动。通过这种方式,内容保持简单易读,并且一个盒子永远不会在页面的一半上。从理论上讲,您可以在不到10次点击的情况下滚动到页面底部。

这有意义吗?我正在考虑类似于Android手机上的主屏幕。无论你刷的多少,它都会在屏幕之间水平跳跃。页面上只有一个框。

免责声明:我是一名noob网站开发人员,我们非常感谢所有人。谢谢!

1 个答案:

答案 0 :(得分:0)

我会指出您使用jquery .scroll()绑定scroll事件,并通过http://myurl.com/derp#scrollhere链接方式使用ID或使用jquery.ScrollTo plugin