解决 IOS H5 div 中 bounces 滑动回弹效果去除的各种尝试
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了解决 IOS H5 div 中 bounces 滑动回弹效果去除的各种尝试相关的知识，希望对你有一定的参考价值。
参考技术A结果整个页面都无法滑动，不是我要的效果。如果是有页面不要滑动的那种可以尝试。
使用 vue-bounce 来解决，也没啥用。不知道是不是我打开的方式不对。
安装
使用指令
PS ：又尝试了一下，还是有点效果的。就是在顶部进行下拉时会禁用掉 touchmove 事件，但是效果还是不好。因为我可能先往下滑滑不动又往别的方向滑。
灵光一闪，想问下 ios 端的同学能不能把弹性关了，他给出的解决方案，结合我们 native 端使用了 flutter，给出方案：
我让 native 端的同学进行尝试，结果据 flutter 端同事回复，这个开关只关闭了页面整体边缘的橡皮筋效果，对于 H5 内 div 的边界弹性效果无效。
网上找的方案，明显不对味。
没什么用……感觉这个是解决页面整体弹性滑动的。
使用一个新的 CSS 属性来实现
结果，依旧不行。
使用 https://github.com/lazd/iNoBounce 来阻止回弹效果，发现效果应该是和 vue-bounce 一样，在用户直接拖拽边缘的时候禁用移动行为，但依然存在来回滑动没反应的情况。
最后通过自己写拖拽滑动，的确解决了这个问题。解决方案在 解决 IOS 13+ H5 滑动边界橡皮筋弹性效果
一文中。
iOS右滑返回的实现（interactivePopGestureRecognizer）
以上是关于解决 IOS H5 div 中 bounces 滑动回弹效果去除的各种尝试的主要内容，如果未能解决你的问题，请参考以下文章