視差浮動圖像庫

Question

我需要創建視差浮動庫 - 當我滾動頁面時，圖像相對於彼此和父容器，從頁面可見區域的底部到頂部移動。這是另一個網站上的example（節 - sockstagram）。基本上，我需要創建完全相同的效果。我已經嘗試使用上述示例使用的同一個庫來執行此操作 - Skrollr。然而，它的錯誤 - 導致Safari桌面和移動設備的問題（打破頁面上其他元素的佈局）。有人能指引我走向正確的方向嗎？ jQuery插件或一些自定義代碼來實現這一點。謝謝你。

Answer 1

您可以使用parallax.js或者甚至像MaterializeCSS這樣的框架，它已經實現並添加了基於網格的框架來設計您的網站的好處。