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