vue 弹层弹起 底部内容禁止滚动 并且保留当前高度

前沿

---

这是一个通用的需求，当页面提示框弹起禁止下边的内容滚动，并且保留滚动到的当前的高度，我是在vue公共的方法中写的，全局通用。

第一步：先在你的公共css里边写入这个样式

.dialog-open {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
}

第二步 ：在你的公共js里边写入这个方法，导入全局，现在还不知道怎么注册全局方法的，请移步

关于vue全局引用公共的js和公共的组件的折腾

// 判断有无class
function hasClass(name) {
   
  let reg = new RegExp('(^|\\s)' + name + '(\\s|$)');
  return reg.test(document.body.className);
}

export default