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

navbar和mescroll冲突

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

posted @   秋夜雨巷  阅读(193)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· AI与.NET技术实操系列(六):基于图像分类模型对图像进行分类
历史上的今天:
2019-03-20 Lua语法
点击右上角即可分享
微信分享提示