作者ReadSnow (AnnyCat)
看板Web_Design
标题[问题] 手机全萤幕fix的bug
时间Mon Jun 24 17:32:40 2019
我把手机menu设计成全萤幕+固定属性,在电脑上用滑鼠运作都没有任何问题,但真的用
手机去使用就发现了一个bug。
用手上下滑的时候,明明已经设定全萤幕+固定属性,却还是会滑到背後的画面,如果上
下滑比较大力,还会出现明明设定全萤幕menu,menu却还是被扯上去变成破图一样,过几
秒才恢复。
我去查询一些网站都没有这个问题,似乎是有办法限制无法直接滑整个背後画面,只能操
控当前的menu,请问有人知道该怎麽解决吗?
范例:
https://www.montblanc.com/tcn-shop/home.html
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 114.46.143.212 (台湾)
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1561368763.A.5BC.html
※ 编辑: ReadSnow (114.46.143.212 台湾), 06/24/2019 19:38:41
1F:→ kurtisgod: .mb-shop-note-padding 的 margin-top 拿掉看看 06/25 18:42
其实这是没我这个问题的网站
就是可以看到范例网站用手上下滑动menu时,就有限制在只能滑动menu而已,但我的却会
滑到整个阅览器,进而造成一些问题。
http://www.yamiwork2.icu/ 这是我的临时网页
2F:→ kurtisgod: menu 开的时候 body 加上 overflow: hidden 06/26 18:36
3F:→ kurtisgod: 就像 montblanc 开 menu 的时候会加上 .mb-no-scroll 06/26 18:37
谢谢你帮我解决一部份的难题了,的确背景不会移动了,但似乎跟我想的不太一样,滑动
menu时还是会造成menu被拉上去,但montblanc在拉menu白色部分时都不会有这个问题,
请问这有办法解决吗?
※ 编辑: ReadSnow (114.46.143.212 台湾), 06/26/2019 19:05:26