[問題] 手機全螢幕fix的bug

看板Web_Design作者 (AnnyCat)時間5年前 (2019/06/24 17:32), 5年前編輯推噓0(003)
留言3則, 1人參與, 5年前最新討論串1/1
我把手機menu設計成全螢幕+固定屬性,在電腦上用滑鼠運作都沒有任何問題,但真的用 手機去使用就發現了一個bug。 用手上下滑的時候,明明已經設定全螢幕+固定屬性,卻還是會滑到背後的畫面,如果上 下滑比較大力,還會出現明明設定全螢幕menu,menu卻還是被扯上去變成破圖一樣,過幾 秒才恢復。 我去查詢一些網站都沒有這個問題,似乎是有辦法限制無法直接滑整個背後畫面,只能操 控當前的menu,請問有人知道該怎麼解決嗎? 範例:https://www.montblanc.com/tcn-shop/home.html -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 114.46.143.212 (臺灣) ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1561368763.A.5BC.html ※ 編輯: ReadSnow (114.46.143.212 臺灣), 06/24/2019 19:38:41

06/25 18:42, 5年前 , 1F
.mb-shop-note-padding 的 margin-top 拿掉看看
06/25 18:42, 1F
其實這是沒我這個問題的網站 就是可以看到範例網站用手上下滑動menu時,就有限制在只能滑動menu而已,但我的卻會 滑到整個閱覽器,進而造成一些問題。 http://www.yamiwork2.icu/ 這是我的臨時網頁

06/26 18:36, 5年前 , 2F
menu 開的時候 body 加上 overflow: hidden
06/26 18:36, 2F

06/26 18:37, 5年前 , 3F
就像 montblanc 開 menu 的時候會加上 .mb-no-scroll
06/26 18:37, 3F
謝謝你幫我解決一部份的難題了,的確背景不會移動了,但似乎跟我想的不太一樣,滑動 menu時還是會造成menu被拉上去,但montblanc在拉menu白色部分時都不會有這個問題, 請問這有辦法解決嗎? ※ 編輯: ReadSnow (114.46.143.212 臺灣), 06/26/2019 19:05:26
文章代碼(AID): #1T49YxMy (Web_Design)
文章代碼(AID): #1T49YxMy (Web_Design)