jQuery的鼠標滾動整個窗口每滾動，像aplle iphone5的網站

Question

任何一個人知道如何設置窗口100％的滾動想在這個網站？

我有一個垂直滾動的網站時，與每一個< DIV>設置li100％的寬度和100 &高度，我有一個錨定系統，允許我直接從滑動到另一個滾動，使用在每一個<鏈接DIV ID>

我希望能夠與鼠標滾輪做同樣的事情，

http://www.apple.com/iphone-5c/

礦井網站：

http://www.mb.nullame.com/

Answer 1

我會讓網站正文的絕對定位100％x 100％（填充瀏覽器窗口）放入它真正的網站內容的div和禁用滾動（溢出隱藏），然後通過收聽onmousewheel事件（和觸摸觸摸設備事件）管理網站 - 我將它作爲每套「框架」的5套css規則，並進行轉換以使其看起來「流利」。實際上，它可以在CSS中很好地發揮作用 - 所以你實際上只需要改變一個類的這個div與真正的網站，通過視口「滾動」它。子元素可以有父依賴CSS，如：

.pictureA{ 
    position:absolute; 
    transition:all 0.5s; 
} 
.realBody_0 .pictureA{ 
    left:-50%; 
} 
.realBody_1 .pictureA{ 
    left:0; 
} 

，讓後說，5個滾輪事件改變DIV的內容類realBody_1。 （ofc count wheel up/down to properly manage it）

Answer 2

您可以使用fullpage.js。它完全符合你的要求。此外，它與舊的瀏覽器，如Internet Explorer 8，9兼容...

• Demo
• Page

這是相當齊全。您可以添加菜單，更改滾動緩動，速度，使用箭頭移動，使其循環...

您可以從github repository下載它。