js控制日期、弹窗等组件弹出时,底部图层不滚动的方法,原生方法,适应于几乎所有框架(vue、react、taro、小程序、angular等)

// 首先,先在某个事件中加上这一句,控制你想要的图层超出隐藏、比如我这里直接控制的是最底层的body超出隐藏,这样,当弹窗弹出时,对应图层就不会滚动了。
let abc = function () {
	let bodyStyle = document.body.style;
	bodyStyle.overflowY = 'hidden';
}

// 然后就是在隐藏弹窗时恢复原底部图层的滚动样式设置,这样就能实现你想要的效果了
let edf= function () {
	let bodyStyle = document.body.style;
	bodyStyle.overflowY = '';
}

是不是很简单

你可能感兴趣的:(javascript,angular.js,vue.js)