Vue 弹出层显示时禁止底层滚动条滚动
话不多说,上代码
/**禁用滚动条*/
afterOpen() {
this.scrollTop = document.scrollingElement.scrollTop;
window.document.addEventListener("scroll.unable", function() {
document.scrollingElement.scrollTop = this.scrollTop;
});
},
/*启用滚动条*/
beforeClose() {
window.document.removeEventListener("scroll.unable", function() {
this.scrollTop = 0;
});
},