ios滑动穿透问题?外边页面,弹窗里边均可滚动?

ios滑动穿透问题?外边页面,弹窗里边均可滚动?
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

以上是 ios滑动穿透问题?外边页面,弹窗里边均可滚动? 的全部内容, 来源链接: utcz.com/a/69182.html

回到顶部