在UniApp中防止页面上下拖动的方法

1、pages.json中在某个页面设置禁用弹性滚动的页面

{
  "path": "pages/yourPage/yourPage",
  "style": {
    "app-plus": {
      "bounce": "none"
    }
  }
}

2、 pages.json中在所有页面设置禁用弹性滚动的页面

{
  "globalStyle": {
    "app-plus": {
      "bounce": "none"
    }
  }
}

3、使用css实现

/* 禁用页面滚动 */
page {
  overflow: hidden;
  height: 100%;
}

/* 或者只禁用弹性效果 */
body {
  overscroll-behavior: none;
}

其余方法见：pages.json 页面路由 | uni-app官网