使用箭头键导航网站

Question

在我的网站www.pburtchaell.com上，我希望实现全屏部分，并在各部分之间进行导航。

目前，我的网站的每个部分（关于，服务，工作，连接）分为四个全屏部分，每个部分都有一个ID标记，例如：

<section id="services">
<!-- Section Content -->
</section>

<section id="works">
<!-- Section Content -->
</section>

使用jQuery的$ .scrollTo（）函数，我将在每个部分之间启用“next”和“previous”导航。我还将隐藏所有溢出，因此除了这些“下一个”和“上一个”按钮之外，您将无法使用其他任何内容来浏览网站。

然而，问题在于：在某些部分 - 特别是在移动设备上 - 内容通常延伸到用户的视口。例如，服务部分需要滚动才能查看所有内容，除非视口是1920px，这是预期的。

是否允许使用仅按钮导航（或可能是箭头键导航）导航 TO AND FROM 部分，但是允许在部分内滚动？

Answer 1

我建议你使用Parallax滚动的一些想法，为此你可以使用jquery插件之一：http://inspirationfeed.com/resources/tools/5-best-jquery-plugins-for-parallax-scrolling/

因此您可以更清晰地管理各个部分，也可以使用

github.com/jeresig/jquery.hotkeys 

创建良好的键映射结构。