【vue】解决轮播图在IOS上滑动卡顿的问题

原创于 2022-03-25 10:30:24 发布 · 4.8k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#ios #前端 #vue

vue 专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何在App.vue中为app元素设置样式属性-webkit-overflow-scrolling:touch;以优化滚动效果。具体包括高度设置、字体平滑处理及背景颜色等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在App.vue的文件中的app元素加上-webkit-overflow-scrolling: touch;

#app {
  height: 100vh;
  overflow: hidden;
  font-family: PingFangSC-Regular;
  background-color: #f1f3f5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-overflow-scrolling: touch;
}