以下是移动端 常见的问题解答(如何简单解决移动端弹出层滚动 body不滚动的常见问题)

首页我们点击筛选可以弹出层


此处为弹出层

css样式文件#sliderbar{ position:absolute; top:0; right:-80%; width:80%; background:#FFF; z-index:100002; transition: right 0.5s; height: 100%; overflow: auto;}

transition: right 0.5s;

滑动出来的一个过渡速度 高度一定要为100%

overflow自动jq文件原理:点击菜单弹出层的同时 body html禁止滚动

$('body,html').css({'height':'100%','overflow':'hidden'});

弹出层退出时释放body html 解除禁止滚动

$('body,html').removeAttr("style");就是这么简单哦 不用去反锁的计算啥啥可视高度 还是浏览器高度的

你可能感兴趣的:(以下是移动端 常见的问题解答(如何简单解决移动端弹出层滚动 body不滚动的常见问题))