NutUI 的 Popup 组件为什么在 iOS 上滑动卡顿?

嘉赫酱~ 阅读 4

我在项目里用 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>
我来解答 赞 2 收藏
二维码
手机扫码查看
1 条解答
Air-淑萍
iOS 上 Popup 里的滚动内容需要单独处理,给 Popup 加样式:



{{ item.label }}




关键点:内容容器要设固定高度 + overflow-y: auto + -webkit-overflow-scrolling: touch,三者缺一不可。安卓不用最后那个属性,但 iOS 必须加。
点赞
2026-03-20 05:05