首页我们点击筛选可以弹出层
<div class="hd">
<ul>
<li id="slidebar-tagger"><a href="javascript:void(0)">筛选<i></i></a></li>
</ul>
</div>
</div>此处为弹出层<div id="sliderbar"></div>
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");就是这么简单哦 不用去反锁的计算啥啥可视高度 还是浏览器高度的
网友评论