星点互联edus视频培训演示站

标题: ios滑动穿透问题？外边页面，弹窗里边均可滚动？ [打印本页]

作者: 超级玛丽 时间: 2020-11-27 16:22
标题: ios滑动穿透问题？外边页面，弹窗里边均可滚动？

ios滑动穿透问题？外边页面，弹窗里边均可滚动？在弹窗里边滑动会影响到底层页面这种情况怎么修改？

作者: 摸魚校尉JAY 时间: 2020-11-27 16:22
移动端主要就是ios兼容多嘛，正常；
弹框有滚动条滑动带动页面，也只能js来解决，如楼上所说：记录下起始位置，判断是否滑动到底部或者顶部，然后设置preventDefault

作者: 廖师兄 时间: 2020-11-27 16:24

摸魚校尉JAY 发表于 2020-11-27 16:22
移动端主要就是ios兼容多嘛，正常；
弹框有滚动条滑动带动页面，也只能js来解决，如楼上所说：记录下起始位 ...

移动端主要就是ios兼容多嘛，正常；
弹框有滚动条滑动带动页面，也只能js来解决，如楼上所说：记录下起始位置，判断是否滑动到底部或者顶部，然后设置preventDefault

作者: admin 时间: 2020-11-27 16:26

廖师兄发表于 2020-11-27 08:24
移动端主要就是ios兼容多嘛，正常；
弹框有滚动条滑动带动页面，也只能js来解决，如楼上所说：记录下起始 ...

借机科普一个 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...

欢迎光临星点互联edus视频培训演示站 (http://47.100.112.22/demo/edus/)