css 打开模式对话框窗口时禁用Body上的滚动

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 打开模式对话框窗口时禁用Body上的滚动相关的知识,希望对你有一定的参考价值。

  constructor(@Inject(DOCUMENT)private document: Document) {}
  
	openApplyRequestFormDialog(){
		this.openRequestForm= true;
		this.document.body.classList.add('body-modal');
	}
  	
  		onCancelDialog(event){
		this.openRequestForm= false;
		this.onCancel = event = false;
		this.document.body.classList.remove('body-modal');
	}
body.body-modal {
	overflow: hidden !important;
}

以上是关于css 打开模式对话框窗口时禁用Body上的滚动的主要内容,如果未能解决你的问题,请参考以下文章

如何暂时禁用滚动?

css 打开模态上的bootstrap,禁用正文滚动

如何在打开对话框时禁用拖放

打开将“溢出:隐藏”分配给正文的模式或窗口时,页面滚动到最顶部

双击ActiveX控件时如何禁用Visual Basic对话框

仅当模式打开 IOS 时如何禁用正文滚动