[問題] one page web網頁背景?

看板Web_Design作者 (○╳△□)時間12年前 (2013/03/05 09:59), 編輯推噓2(207)
留言9則, 3人參與, 最新討論串1/1
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)

03/05 10:48, , 1F
第一個關鍵字background-attachment: fixed;
03/05 10:48, 1F

03/05 10:50, , 2F
第二個是用大量背景圖貼成背景 然後body overflow:hidden
03/05 10:50, 2F

03/05 10:51, , 3F
然後在移動整個背景圖產生移動感
03/05 10:51, 3F

03/05 13:23, , 4F
關鍵字:Parallax Scrolling e.g. http://goo.gl/M9kzk
03/05 13:23, 4F

03/05 13:24, , 5F
裝WebDeveloper後停用style可以看出端倪
03/05 13:24, 5F

03/05 15:01, , 6F
我必須糾正樓上 這兩個網頁都跟parallax scrolling沒有關係.
03/05 15:01, 6F

03/05 15:59, , 7F
沒有 直接 關連,實屬進階表現~~^^
03/05 15:59, 7F

03/05 17:46, , 8F
感謝,所以第二個的觀念是~~背景動,跑出去的就不見
03/05 17:46, 8F

03/05 17:46, , 9F
這樣嗎?
03/05 17:46, 9F
文章代碼(AID): #1HDL5s1q (Web_Design)