WEUI-Half-screen Dialog和mescroll冲突
背景
疫情通行证系统,7个人,周四下午定需求,周六加班到凌晨2点,周日上线。
用到的插件
WEUI: https://weui.io/#half-screen-dialog
mescroll和weui的: http://www.mescroll.com/qa.html#q10
Half-screen Dialog苹果手机无法下滑
mescroll和weui的Half-screen Dialog起冲突,导致苹果手机Half-screen Dialog无法下滑。
在页面加载时加如下代码即可
document.getElementById("detail_dialog").addEventListener('touchmove',function(e){
e.stopPropagation()
})
navbar和mescroll冲突
tabbar中放navbar,再将mescroll放在navbar中,导致mescroll不能滑动.
因为需求是各个navbar仅仅是参数不一样,所以把mescroll拿到navbar外面去,navbar仅仅是点击改变参数值而已。滑动不能解决。
然后又出现第二个问题,mescroll再滑到最顶端时会把navbar顶出屏幕后无法拉回来。解决办法是设置height百分比.
如果这篇文章对你有用,可以关注本人微信公众号获取更多ヽ(^ω^)ノ ~
![微信公众号二维码](https://images.cnblogs.com/cnblogs_com/aeolian/1679458/o_wechat_gzh_qrcode.jpg)