NutUI 的 Popup 组件为什么在 iOS 上滑动卡顿?
我在项目里用 NutUI 的 Popup 做了一个从底部弹出的选择面板,安卓上很流畅,但在 iPhone 上滑动的时候明显卡顿,甚至有时候整个页面都跟着抖。试过加 -webkit-overflow-scrolling: touch 也没用,是不是我哪里配置错了?
这是我的组件用法:
<nut-popup v-model:visible="showPicker" position="bottom">
<div class="picker-content">
<div v-for="item in options" :key="item.id">{{ item.label }}</div>
</div>
</nut-popup>
关键点:内容容器要设固定高度 + overflow-y: auto + -webkit-overflow-scrolling: touch,三者缺一不可。安卓不用最后那个属性,但 iOS 必须加。