2017-01-12 78 views
-1

我想創建一個自舉時間線,其中視差效果僅適用於選定時間軸的內容,內容隨視差效果移動。固定時間線的視差效果滾動

在此先感謝。

+0

你嘗試過什麼影響?請提供你的代碼 –

+0

是的,如果你提供你的代碼,我可以很容易地理解任務 –

+0

奈拉,哈里,時間軸參考http://bootsnipp.com/snippets/featured/timeline-responsive –

回答

0

您需要創建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; }

,你會得到這樣的https://alexk89.github.io/Portfolio-page/

+0

你能更好的解釋。我很難理解你在這裏說什麼。 – codeepic

+0

在html文件中,您需要在css文件中創建空格div,您需要通過我上面編寫的代碼。之後,波紋管'

'創建新的div,您將包含所有內容。 –

+0

@codeepic想要創建類似http://bootsnipp.com/snippets/featured/two-column-timeline-not-responsive的時間軸,但在加載頁面上只有一個可見的時間軸(說第一個元素),並且在下一個時間軸上的滾動應該是可見(視差效應)時間軸將是靜態的。 –