回答
您需要創建2個div。第一個將是你的視差圖片,第二個 - 你的所有內容。對於(例如視差)任何ID,並給未來
#parallax { position: fixed; z-index: -1; width: 100%; height: 100%; padding-left: 0; padding-right: 0; background-image: url('background-picture.jpg'); background-size: cover; }
你能更好的解釋。我很難理解你在這裏說什麼。 – codeepic
在html文件中,您需要在css文件中創建空格div,您需要通過我上面編寫的代碼。之後,波紋管'
'創建新的div,您將包含所有內容。 –@codeepic想要創建類似http://bootsnipp.com/snippets/featured/two-column-timeline-not-responsive的時間軸,但在加載頁面上只有一個可見的時間軸(說第一個元素),並且在下一個時間軸上的滾動應該是可見(視差效應)時間軸將是靜態的。 –
- 1. 固定標頭視差滾動
- 2. 視差滾動固定標題
- 3. 固定的背景滾動效果
- 4. 視差效果 - 計算上滾動
- 5. 背景固定與滾動效果?
- 6. 視差效果與平滑滾動效果
- 7. 平滑滾動效果>高度(視差效果)
- 8. One Page滾動js視差滾動效果
- 9. 定時jQuery的背景視差效果
- 10. 有效的「視差效果」垂直IMG列表滾動
- 11. CSS懸停效果固定到dev元件和滾動時
- 12. 視差效果滾動的動態壁紙背景
- 13. 沒有使用背景附件的視差效果:固定
- 14. 視差效果
- 15. 視差效果
- 16. 固定容器下面的視差滾動條
- 17. android動態壁紙視差滾動效果
- 18. 固定文本在多個部分上有視差效果
- 19. 如何在html中爲固定格創建視差效果
- 20. 滾動視圖的自定義滾動效果?
- 21. 沒有滾動的視差/肯恩燒傷效果
- 22. 使用邊緣的視差/滾動效果?
- 23. 優化具有視差效果的滾動性能
- 24. Android上Chrome瀏覽器的純CSS視差滾動效果
- 25. 視差滾動
- 26. Android在滾動視圖滾動時固定背景圖像
- 27. 視差效應 - 垂直滾動只有
- 28. 使用固定標題實現視差滾動[Windows Phone]
- 29. 固定的UIPageViewController的背景滾動效果
- 30. 滾動時固定側欄
你嘗試過什麼影響?請提供你的代碼 –
是的,如果你提供你的代碼,我可以很容易地理解任務 –
奈拉,哈里,時間軸參考http://bootsnipp.com/snippets/featured/timeline-responsive –