我所指的效果在http://whyinteractive.com/showreel處可見。這些元素似乎以不同的速度在後面和前面滾動,產生一些很酷的效果。這是如何完成的?此頁面上的不同元素似乎以不同的速度滾動。這是如何完成的?
11
A
回答
16
你在找什麼叫做視差效果。
http://stephenmcintyre.net/blog/jquery-parallax-scrolling/
UPDATE:
這是非常正是你需要的:
您可以像網站了解更多
代碼:Build a parallax scrolling website interface with jQuery & CSS
DEMO:Parallax Scrolling
+0
+1這真棒。感謝您的鏈接和信息。 –
相關問題
- 1. 以頁面滾動的不同速度滾動項目
- 2. jQuery,使元素以不同的速度滾動
- 3. 不同頁面上的相同元素顯示不同的CSS
- 4. CSS3動畫 - 如何讓不同的動畫到不同的元素上滾動
- 5. Facebook Like似乎似乎交換了兩個不同的頁面
- 6. 頁面滾動到不同的頁面
- 7. 如何以不同的速度滾動列?
- 8. 不同速度的垂直滾動列
- 9. 不同的滾動速度Android
- 10. 如何在xsl中爲不同頁面應用不同的頁面寬度?這是用於生成PDF
- 11. 頁面完成後的元素高度
- 12. jQuery動畫 - 以不同的速度動畫不同的div
- 13. 的UIImageView動畫以不同的速度
- 14. 滾動事件幾乎完全相同的兩頁有不同的表現
- 15. 在不同頁面上的不同頁面寬度
- 16. 從頁面內的同級元素滾動一個元素
- 17. 讓div以不同的速度向上滾動,但在同一地點結束
- 18. 如何以不同的速度同時運行動畫javascript
- 19. 設置不同元素高度的滾動條高度
- 20. 使用單個JScrollBar的JComponent上的不同滾動速度
- 21. 同時以不同速度動畫
- 22. 如果在Meteor.js的不同頁面上使用if不同的元素
- 23. 不同尺寸的滾動頁面
- 24. 在UIScrollView上以不同速度滾動背景
- 25. jquery-獲取不同的頁面元素
- 26. 垂直滾動div不同速度
- 27. Symfony「歡迎頁面」似乎不完整
- 28. 不同的滾動速度與溢出:滾動
- 29. 觸發類似的JQuery元素在不同的跨度元素上
- 30. 更改滾動頁面上的元素
另一個很好的例子是GitHub的404:http://github.com/404 – tekknolagi