用箭頭鍵導航網站

Question

在我的網站www.pburtchaell.com，我想實現全屏幕部分之間的導航。

目前，我有我的網站的每個部分（約，服務，工作，聯網）分爲四個全屏幕部分爲每個ID標籤，例如：

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

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

使用jQuery的$ .scrollTo （）函數，我將啓用每個部分之間的「下一個」和「上一個」導航。我也會隱藏所有的溢出，所以你不能用這些「下一個」和「上一個」按鈕來瀏覽網站。

但是，問題在於：在某些部分內（特別是在移動設備上），內容通常會延伸到用戶的視口。例如，服務部分需要滾動才能查看所有內容，除非視口是1920px，這是可以預料的。

反正是有導航，並從的部分使用ONLY按鈕導航（或者箭頭鍵導航），但允許部分本身的滾動允許？

Answer 1

我建議你使用從視差滾動的一些想法，爲此，你可以使用這個jQuery插件之一：http://inspirationfeed.com/resources/tools/5-best-jquery-plugins-for-parallax-scrolling/

所以你必須管理你的部分更明確的方式，也可以使用

github.com/jeresig/jquery.hotkeys 

創建良好的關鍵映射結構。