你可能已經注意到有些網站的頁面元素在滾動條拖動的時候回以不同的速度運動，形成一幅立體的場景。這種被稱為視差滾動（Parallax Scrolling）的技術日益流行起來，越來越多的網站通過在網頁中運用這項技術來吸引用戶，讓用戶在拖動滾動條的時候更加有趣。下面分享的這些網站都是運用視差滾動效果的優秀案例，一起欣賞。

　　你可能已經注意到有些網站的頁面元素在滾動條拖動的時候回以不同的速度運動，形成一幅立體的場景。這種被稱為視差滾動（Parallax Scrolling）的技術日益流行起來，越來越多的網站通過在網頁中運用這項技術來吸引用戶，讓用戶在拖動滾動條的時候更加有趣。下面分享的這些網站都是運用視差滾動效果的優秀案例，一起欣賞。

 

Nike Air Jordan 2012

Soleil Noir

Activate Drinks

Atlantis

Tokiolab

Range Rover Evoque Special Edition

Saucony Kinvara 3

Alfred app

Opalarosachoque.in

Electrochuck.com

Frecklesandhandsome

No leath

Adventure World

Intacto 10 Years

Guide to the app galaxy

Iutopi

Balencic

Appmiral

Kisko Labs

New Zealand

IWC Schaffausen

Unfinished Business

Torpedo – Le Film

SuperChemical

Unfold

Tokyu Agency Recruit 2013

Krystalrae

Jan Ploch

Erekcia

Modoluce

Playtend

Fingerbilliards

Chappy Barry

Sidd.me

Head2heart

Yebo creative

Web design company

2011.beercamp

Paznow

Zenit foto

Dino-zara.com

Cheeremup.at

Vdezignstudio.com

Phase 2 Design Studio

 

您可能還喜歡

 

• 35個立體動感的視差滾動效果網站作品
• 30個讓人興奮的視差滾動效果網站
• 視差滾動在網頁設計中應用的優秀案例
• 30個讓人興奮的視差滾動效果網站
• 分享35個非常漂亮的單頁網站設計案例

 

英文鏈接：Effective Uses Of Parallax Scrolling Effect

編譯來源：夢想天空 ◆ 關注前端開發技術 ◆ 分享網頁設計資源