作者hagai0407 (阿丐哦哪個丐)
看板Web_Design
標題[問題] 手機版網頁fixed滾動穿透問題
時間Sun Jan 21 15:29:41 2018
如標題,
最近切版一個RWD網頁好像遇到這個問題
先放範例:
https://www.gai.url.tw/ex/ex.htm
用過Android/iPhone手機測試,
只有iPhone會有這個問題,
測試流程是用手機版瀏覽時先開啟選單,
在選單沒有字的下半部來回滑,
直到右邊的圖片出現往上跑一點又彈回去的狀況(觸控的動作穿透到後面?)
然後展開某一個分類的選單,就會發現無法滑動選單,
反而是右邊的圖片會一直被滑動,
正常版本的話是展開分類選單仍能正常上下滑動選單,
上網找過幾個解法,
但都不太合用,
想請教一下是html寫法問題還是可以用JS解決?
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 123.194.27.16
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1516519784.A.E62.html
→ a65162: 你的 Menu 高度用 JavaScript 的方式去抓裝置的高度,試 01/26 00:22
→ a65162: 試看能不能解決你的問題 01/26 00:22