- career: 学习vue.js，并做一个项目；
- english: 扇贝继续打卡，保持20分钟每天;
- health: 每周锻炼三次，每次30分钟以上。
移动端踩坑之滚动穿透
发表于
|
分类于
技术
问题描述
用了日期控件(https://github.com/foxrunsoftware/DatePicker),
每次控件打开，滚动选择日期，页面主体的滚动条也还能滚动。（安卓正常，只有ios和windows chrome）
解决办法
日期控件源码修改：
touchmove事件中调用preventDefault,将EventTarget从body改为日期控件的dom。- 每次日期控件显示的时候
body:{overlow:hidden},隐藏的时候body:{overflow:auto}
因为我的日期控件就在页面顶部，所以不需要记录页面的滚动位置。
这样设置之后，ios和windows chrome都能够正常工作了。
bug fixed！