“ Parallax Scrolling”這個詞在2012年下半年的Web設計上越來越流行，一開始并不知道他是什么東東，只是字面上譯為“視差滾動”，但對于實質上的東 西，了解的并不是太多。隨著2013年到來，國外很多專家預測“Parallax Scrolling”將會是2013年Web上的一個流行素。對于喜歡前沿的我來說，我覺得我有必要深入的了解他了。只有緊跟時代的Web人員，才會讓你 充滿更多的新設計元素，新的設計理念，不至于那么容易淘汰。（至少我是這么想的(^_^)）。
?
度娘 告訴我，“Parallax Scrolling”是指多層背景以不同的速度移動，形成立體的運動效果，帶來非常出色的視覺體驗。近些年來，用戶對視覺體驗的要求不斷提高，而設計師們 也開始在網頁中加入各種特效元素以滿足用戶的需求。這也是“Parallax Scrolling”具有吸引力，讓很Web設計師親瞇的原因。而且現在很多網站已經開始在使用了，并且在今年將會更容易看到這樣的網站誕生。
?
視差滾動效果簡單點理解就是指用戶讓通過鼠標實現網頁多層背景以不同的速度移動，從而形成立體的運動效果，帶來非常出色的視覺和交互體驗。這種特效最早是驚現在Nike 2011年的 Nike Better World 項目里，時至今日，這種視差滾動效果被越來越多的國外網站所應用，成為Web設計的熱點趨勢。這種網站通常通過鼠標滾輪滾動來實現，用超酷的視覺體驗來取代枯燥的頁面滾動，從而“吸引”用戶走向自己的目標。
?
說了這么多，我想大家最關心的還是如何實現這樣的效果？或者說這樣的效果要怎么實現？這也是我很關心的問題，那么從今天開始，我們一起來觀注 “Parallax Scrolling”這個流行詞。首先今天整理了一些有關于制作“Parallax Scrolling”Web效果的一些插件，希望對大家有所幫助。
?
1. Stella.js
Stella.js能很容易幫助創建一個視差滾動網站。他的文檔也非常的簡單。先給你的網站添加數據，然后通過“stallar()”函數來調用。
?
2. Super Scrollorama
Super Scrollorama很牛的一個插件，鼠標滾動來控制Web元素顯示或隱藏。
?
3. jQuery Scroll Path
沒有垂直滾動，通過jQuery scroll path插件，你可以定義很多路徑，來實現滾動效果。
?
4. Curtain.js
這個插件充許你使用多個固定面板來創建一個頁面，而且這些面板可以實現類似于卷簾的效果。
?
5. Plax
Plax插件可以通過鼠標的懸浮或移動來觸發視差滾動效果。
?
6. Scrolldeck
相當簡單的一個插件，以每個div作為一個幻燈片，用來制作視差滾動效果。
?
7. jParallax
jParallax通過鼠標移動來控制節點的定位層，實現移動的視差效果。
?
8. Spritely
Spritely是一個輕量級插件，通過簡單的方法制作動畫的sprites和動態滾動背景圖，從而達到視差效果。
?
9. Scrolling Parallax
Scrolling Parallax是一款通過滾動條或鼠標移動來實現視差效果的jQuery插件。它充許一張背景圖片以不同的速度來移動，從而實現視差滾動效果。
?
10. jQuery Waypoints
Waypoints是一個簡單的jQuery插件，通過一個簡單的函數就能實現視差滾動效果。
?
上面是為大家搜集整理的有關于“視差滾動”的插件，希望這些插件能給你平時工作帶來便利，我們也會在后面整理出更多有關于這方面的資料，比如說 step by step的教程，在線案例欣賞，優秀外文翻譯等，希望后面的資料和教程能幫你更深一層的了解這個“視差滾動”，當然關鍵還是需要大家動手一試，不要感到害 怕，要始終相信自己，你是最棒的。如果大家有這方面相關的資源，煩請在評論中跟貼，與大家共享。
?
如需轉載，煩請注明出處： http://www.w3cplus.com/source/10-best-Parallax-Scrolling-plugin.html
?
更多文章、技術交流、商務合作、聯系博主
微信掃碼或搜索：z360901061
微信掃一掃加我為好友
QQ號聯系： 360901061
您的支持是博主寫作最大的動力，如果您喜歡我的文章，感覺我的文章對您有幫助，請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧，狠狠點擊下面給點支持吧，站長非常感激您！手機微信長按不能支付解決辦法：請將微信支付二維碼保存到相冊，切換到微信，然后點擊微信右上角掃一掃功能，選擇支付二維碼完成支付。
【本文對您有幫助就好】元
