Fork me on GitHub

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()
})

tabbar中放navbar,再将mescroll放在navbar中,导致mescroll不能滑动.
因为需求是各个navbar仅仅是参数不一样,所以把mescroll拿到navbar外面去,navbar仅仅是点击改变参数值而已。滑动不能解决。
然后又出现第二个问题,mescroll再滑到最顶端时会把navbar顶出屏幕后无法拉回来。解决办法是设置height百分比.

posted @ 2022-03-20 15:47  秋夜雨巷  阅读(180)  评论(0编辑  收藏  举报