uniapp 拖动页面反弹

74 阅读1分钟

uniapp+view开发安卓APP,开发过程中一直都是在页面调试,没出现多大问题,直到打包成APK,真机调试时就遇到逆天的bug,只有用到up-list组件的地方,上下拖动时,页面就会有种弹动的奇怪现象(回弹),于是乎我想到了这些方案:

  • list容器的高度在减小一点,这时测试的时候,一直关注list组件的问题,就在list容器了反复拖动,页面居然没有回弹,当时后面拖动其他页面的时候还是有回弹情况。
  • touch拖动问题,那么就从全局样式解决,增加样式在.page
-webkit-user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
touch-action: none;
  • 同样的,问题还是没有解决,在我百思不得其解的时候,终于找到了终结方案: 在pages.json中增加,globalStyle增加app-plus bounce:none
"globalStyle": {
   "navigationBarTextStyle": "black",
   "navigationBarTitleText": "uni-app",
   "navigationBarBackgroundColor": "#F8F8F8",
   "backgroundColor": "#F8F8F8",
   "navigationStyle":"custom",
   "app-plus":{
      "bounce":"none"
   }
},

这样就根本上解决安卓手机页面回弹问题了。