用箭头键导航网站

Question

在我的网站www.pburtchaell.com上，我想实现在各部分之间导航的全屏部分.

目前，我将站点的每个部分(关于服务、工作、连接)划分为四个全屏部分，每个部分都有一个ID标记，例如：

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

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

使用jQuery的$.scrollTo()函数，我将在每个部分之间启用"next“和”前文“导航。我也将隐藏所有溢出，以便您将无法导航该网站与这些“下一步”和“前”按钮。

然而，问题就在这里:在移动设备上的-especially部分中，内容常常扩展到用户的视口之外。例如，服务部分需要滚动来查看所有内容，除非viewport是192 be，这是意料之中的。

是否允许导航往返于使用--仅使用--按钮导航(或者可能是箭头键导航)，但允许在节内滚动？

Answer 1

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

因此，您将有更明确的方法来管理您的部门，您也可以使用

github.com/jeresig/jquery.hotkeys 

创建良好的密钥映射结构。