有什么方法可以在 ionic web 应用程序中创建平滑滚动？

Question

我使用 ionic 框架创建了一个网站。除了滚动部分之外，一切都很好。由于 ionic 框架是为移动应用程序创建的，所以当我滑动页面时滚动很流畅。但是当我使用鼠标滚动页面时，转换页面太慢了，要滚动很久才能到最后。有什么办法可以让页面在浏览器中滚动流畅吗？

我注意到的事情

1. 当我将视图更改为移动视图时，滚动很流畅
2. 如果我在移动视图后返回正常视图，滚动效果很好
3. 如果我从普通视图刷新页面，平滑滚动就消失了

在上述情况下向 body 和 ion-nav-view 添加了其他类

1. 当我将视图更改为移动视图时，滚动很流畅

   body : class="grade-a platform-b​​rowser platform-android platform-android6 platform-android6_0 platform-ready"

   ion-nav-view : nav-view-transition="android" nav-view-direction="none" class="view-container "

2. 如果我在移动视图后返回正常视图，滚动效果很好

   body : class="grade-a platform-b​​rowser platform-android platform-android6 platform-android6_0 platform-ready"

   ion-nav-view : nav-view-transition="android" nav-view-direction="none" class="view-container "

3. 如果我从普通视图刷新页面，平滑滚动就消失了

   body : class="grade-a platform-b​​rowser platform-win32 platform-ready"

   ion-nav-view : nav-view-transition="ios" nav-view-direction="none" class="view-container "

Answer 1

当我将 ion-content 更改为 <ion-content overflow-scroll="true" class="has-header"> 时，滚动变得流畅

Answer 2

这个插件帮助我在某些视图上实现了平滑滚动：https://github.com/ionic-team/cordova-plugin-wkwebview-engine#installation-instructions

我用谷歌搜索的来源： http://blog.ionic.io/cordova-ios-performance-improvements-drop-in-speed-with-wkwebview/