解决适配移动端的项目在手机上滑动起来卡顿的问题

今天碰到了一个问题

就是我的项目已经写好了，通过media写好了手机端的适配方案

在手机上跑起来是，往下滑动时页面不会自动往下滚，而是卡住了

后面通过了这两串代码就解决了这个问题

我的是vue 的项目，将该属性写在了app.vue中 即解决了这个问题。

html,
body,
#app {
  height: 100%;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}

主要解决的代码:

  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;