当前位置:首页 > 移动h5页面弹层遮罩后,禁止遮罩下面的页面滚动

移动h5页面弹层遮罩后,禁止遮罩下面的页面滚动

发布于 2019-10-28 阅读 287 次 Javascript HTML5

显示弹层后可以给body添加样式

  1. var top = document.documentElement.scrollTop;
  2. document.getElementsByTagName("body")[0].setAttribute('style', 'position:fixed;top:'+top+';height:100%;overflow:hidden');

关闭弹层后

  1. document.getElementsByTagName("body")[0].setAttribute('style', 'position:static;top:'+top+';height:auto;overflow:auto');
  2. document.documentElement.scrollTop = top;