視差滾動 Parallax Scrolling

你可能會這樣說

捲動網頁時，背景大圖移動得比前景文字慢，遠近速度不同，看起來有空間層次，很像高級的品牌網站。想在自己網站的首屏也做出這種效果。

視差滾動是背景與前景以不同速度移動的效果：捲頁時遠的東西慢、近的東西快，畫面就有了深度。

靈感來自坐火車：遠山緩緩後退、路樹刷地飛過，眼睛本來就靠速度差判斷遠近，所以這效果看起來很自然。

劑量要輕：速度差控制在 10 到 20% 就很有感，差距太大讀文字會頭暈，手機上也常直接關掉它。

背景移動速度（相對前景）

選好之後，這裡會告訴你這種速度差的感覺。

試試鍵盤：Tab 聚焦、Enter 展開、上下選、Esc 關。

圖 4-11　速度差決定一切：15% 有深度，50% 會頭暈。

中文就可以

請在首屏加上視差滾動：
1. 只有首屏背景圖要視差，捲動時速度是前景的 85%。
2. 其他區塊一律不加，保持穩定好讀。
3. 手機版直接關閉這個效果。
4. 作業系統設定「減少動態效果」的使用者也自動關閉。