[問題] 該怎麼用CSS做出背景不變的捲動?

看板Web_Design作者時間13年前 (2012/03/10 20:41), 編輯推噓1(1推 0噓 10→)
留言11則, 5人參與, 最新討論串1/1
Hi, 目前有一個寬1024, 長5000的canvas, 有數個十個方塊隨機繪在這塊canvas上. 想做到的是, 當頁面往下捲時, 背景的底圖不會跟著捲動. 有點像ipad的桌面, 換頁時, 底圖永遠不會動. 一開始用javascript讓每個方塊的移動來達到這效果, 但是效率不佳, 看起來有點頓. 也嘗試了canvas的style, position ="fixed", 但這個設上去後就是連捲動都消失了. 在不用到第三方函式庫像是jquery, dojo等的情況下, 請各位先進指教一下該怎麼做出這效果, 謝謝. -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 60.245.111.193
→
03/10 20:44, , 1F
方塊是指什麼？ 方塊應該不是背景吧？
03/10 20:44, 1F
→
03/10 21:10, , 2F
fixed不是用在position 應該是要用在background-position
03/10 21:10, 2F
→
03/10 21:24, , 3F
嗯嗯 方塊是canvas上的可動物件, 不是背景的一部份
03/10 21:24, 3F
推
03/10 21:59, , 4F
position設fixed就可以了
03/10 21:59, 4F
→
03/11 14:01, , 5F
我應該是搞錯了, position fixed是影響canvas這個物件,對裡
03/11 14:01, 5F
→
03/11 14:01, , 6F
而不是影響到canvas裡面的背景~謝謝各位
03/11 14:01, 6F
→
03/12 00:37, , 7F
不是background-position,是background-attachment:fixed
03/12 00:37, 7F
→
03/12 06:15, , 8F
囧> 大多都用background總括 忘了XD
03/12 06:15, 8F
→
03/13 03:50, , 9F
也對XD
03/13 03:50, 9F
→
03/13 03:51, , 10F
好像是以前古代版本的IE一定要寫-xxx的樣子，所以才記得
03/13 03:51, 10F
→
03/13 18:21, , 11F
就是background-attachment:fixed!這就是我要的 感謝~
03/13 18:21, 11F
‣ 更多 Mewra 的文章
文章代碼(AID): #1FMqliMw (Web_Design)