是否有可能使網頁的內容像正常滾動一樣,但背景圖像滾動速度較慢?例如,用戶滾動100px。內容將滾動100px,但背景圖像將僅滾動滾動20px左右。 Html5和CSS3可以做到這一點嗎?還是我需要其他語言/庫,如Java或Flash?Html/CSS上縮放的圖像滾動
感謝您的回覆。
是否有可能使網頁的內容像正常滾動一樣,但背景圖像滾動速度較慢?例如,用戶滾動100px。內容將滾動100px,但背景圖像將僅滾動滾動20px左右。 Html5和CSS3可以做到這一點嗎?還是我需要其他語言/庫,如Java或Flash?Html/CSS上縮放的圖像滾動
感謝您的回覆。
是的,它的可能!
你可以用jquery.parallax來做到這一點。請看看這個頁面:
http://stephband.info/jparallax/
jParallax變成節點成響應鼠標移動絕對定位的層。取決於它們的尺寸,這些層以不同的速率移動,採用類似parallaxy的方式。
您的搜索關鍵字是__parallax scrolling_。 – CBroe 2013-04-11 09:50:47