Cube UI 的 Popup 组件在 iOS 上滑动卡顿怎么解决?

楚萓 阅读 6

我在用 Cube UI 开发一个移动端页面,用了 cube-popup 组件做底部弹窗,内容比较多需要滚动。在安卓上滑动很流畅,但在 iOS Safari 里特别卡,甚至有时候点不动。

试过加 -webkit-overflow-scrolling: touch,也试过给容器加固定高度,但都没啥用。是不是 Cube UI 这个组件本身在 iOS 有兼容问题?或者我漏了什么设置?

<cube-popup v-model="showPopup" position="bottom">
  <div class="popup-content">
    <div v-for="item in longList" :key="item.id">{{ item.name }}</div>
  </div>
</cube-popup>
我来解答 赞 2 收藏
二维码
手机扫码查看
1 条解答
爱景
爱景 Lv1
直接给 popup 内容容器加 overflow-y: auto 和 -webkit-overflow-scrolling: touch,确保内容区域可独立滚动。
点赞
2026-03-20 21:07