注意：仅 APP 平台
在 pages.json 中进行配置

有些时候，我们需要将页面固定住，让用户无法下拉与滚动页面。

全局配置
在 globalStyle 中进行配置，便是所有页面均有效。

"globalStyle": {
	"app-plus": {//app平台
		"bounce": "none"//禁止滚动
	}
},

局部配置
在该页面 style 中进行配置，仅对该页有效。

"path": "pages/login/login",
"style": {
	"app-plus": {//app平台
		"bounce": "none"//禁止滚动
	}
}

/*

 禁止当前页面左侧滑动返回
导致卡死

 */


-(void)viewDidAppear:(BOOL)animated{

    [super viewDidAppear:animated];

    self.navigationController.interactivePopGestureRecognizer.enabled
 = NO;

}






-(void)viewWillDisappear:(BOOL)animated

{

    self.navigationController.interactivePopGestureRecognizer.enabled
 = YES;

    [super viewWillDisappear:animated];

}

微信开发者工具，andriod，都可以正常使用，老大给了iphone 测试时禁止滑动之后就不能开始滑动了



  stopScroll () {
    let bodyScroll=function(e){e.preventDefault();};
    document.body.style.overflow = 'hidden'
    document.addEventListener('touchmove', this.bodyScroll, false)
  },
  startScroll () {
    let bodyScroll=function(e){e.preventDefault();};
    document.body.style.overflow = ''// 出现滚动条
    document.removeEventListener('touchmove', this.bodyScroll, false)
  },

查了好久才知道，这个 let bodyScroll=function(e){e.preventDefault();}; 要是同一个、 

于是改为

bodyScroll(event) {
    event.preventDefault()
  },
  stopScroll () {
    document.body.style.overflow = 'hidden'
    document.addEventListener('touchmove', this.bodyScroll, false)
  },
  startScroll () {
    document.body.style.overflow = ''// 出现滚动条
    document.removeEventListener('touchmove', this.bodyScroll, false)
  },

页面的设置 disablescroll:true（需要配合设置

enablePullDownRefresh：false

）

可以实现页面上下不能滑动

 

 

另一种实现方法：

设置页面的根元素 绝对定位，

position:fixed;

top:0;

bottom:0;

left:0;

right:0;

scroll:hidden;