作者dreamerXYZ (○╳△□)
看板Web_Design
標題[問題] one page web網頁背景?
時間Tue Mar 5 09:59:15 2013
http://www.poemmovie.com.tw/
大家好,
我想弄懂這種單頁網頁的背景如何設定css,
以及其觀念,
以前曾經有製作過滑動式的單頁網站,
但是近兩年沒有再碰了,非常之生疏。
這個網頁共有七幅背景,
每一個都設定fixed,
所以我只要點擊按鈕滑動到下一個div,
上一個背景就自然會被覆蓋嗎?
謝謝。
另想請問
http://package.dego.lv/
像這樣非垂直性錨點,
如地圖式的上下左右移動焦點的網頁,
是如何起手的?
這邊我就絲毫沒有概念了,
謝謝。
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 59.120.239.116
※ 編輯: dreamerXYZ 來自: 59.120.239.116 (03/05 10:01)
推 musie:第一個關鍵字background-attachment: fixed; 03/05 10:48
→ musie:第二個是用大量背景圖貼成背景 然後body overflow:hidden 03/05 10:50
→ musie:然後在移動整個背景圖產生移動感 03/05 10:51
→ sizkacoder:裝WebDeveloper後停用style可以看出端倪 03/05 13:24
→ musie:我必須糾正樓上 這兩個網頁都跟parallax scrolling沒有關係. 03/05 15:01
→ sizkacoder:沒有 直接 關連,實屬進階表現~~^^ 03/05 15:59
→ dreamerXYZ:感謝,所以第二個的觀念是~~背景動,跑出去的就不見 03/05 17:46
→ dreamerXYZ:這樣嗎? 03/05 17:46