博客

问题描述

在 ios 13.6 版本中，页面有个 scroll-view 无法滚动，找了很长时间的问题，前提是确保 scroll-view 元素高度正常，设置了可滑动的方向，在其他手机上没问题，以下只是个人遇到的场景，并不一定通用

问题原因

本人遇到的问题原因是：页面有个全局的弹窗，定位为 fixed 布局，为了做动画效果，使用 transform: scale(0) => transform: scale(1); 的过渡，但是在 ios 13.6 版本中 transform: scale(0) 有兼容性，会盖在 scroll-view 上面，影响滑动

解决方案

• 去掉 transform: scale(0) 动画，使用 display:none => display:block 切换状态
• 去掉 fixed 布局弹窗，使用其他方案；
• 使用 pointer-events 属性切换来达到目的，显示的时候设置为 none，隐藏的时候设置为 visible