ios滑动穿透问题?外边页面,弹窗里边均可滚动?在弹窗里边滑动会影响到底层页面这种情况怎么修改?
借机科普一个 CSS 新属性 overscroll-behavior: contain; 正是用来处理滚动越界行为的。
https://caniuse.com/?search=o...
https://developer.mozilla.org...
嗯,Android Chrome 新版已经支持了,可惜 iOS 目前还不支持,你可以加一小段 js 做 polyfill, scroll 的时候判断如果到两端了就 preventDefault, 不难。
demo: https://mdn.github.io/css-exa...
###你这个弹窗是叠加在页面上的吗?你看下这篇https://www.cnblogs.com/yflbk...
###移动端主要就是ios兼容多嘛,正常;
弹框有滚动条滑动带动页面,也只能js来解决,如楼上所说:记录下起始位置,判断是否滑动到底部或者顶部,然后设置preventDefault
目前的做法是监听弹窗的遮罩层和 滚动内容的滑动 touchmove , touchstart 事件,根据触发的target来判断是否要禁止默认事件的触发和传递。