uniapp页面滑动与组件滑动

页面滑动与组件滑动

  • 首先在uniapp的官方文档中有提示,在原生开发中,是没有页面滑动的概念的,也就是说,如果打算用uniapp开发app,且用的是nvue,就没有页面滑动的概念,内容超出屏幕就看不到了。
  • 当然如果是vue页面的话,因为vue是webview渲染本质上还是渲染网页,所以是有页面滑动的概念。
  • nvue属于原生渲染,没有页面滚动的概念,那么为什么内容超出屏幕后依旧能滚动呢,那是因为如果页面不能滚动这样就不符合前端的开发习惯,所以官方在超出屏幕的时候,默认在最外层套了一个scroll组件,达到了滚动的目的。

所以超出屏幕后,界面的布局比如定位,粘性定位可能会出现一些问题。
如果不想页面滚动,可以在page.json中添加

  "path": "pages/main/index",
  "style":{
    "disableScroll": true,  // 不嵌套 scroller
  }
posted @ 2022-05-27 10:07  橙序员  阅读(1739)  评论(0编辑  收藏  举报