首頁(yè)我們點(diǎn)擊篩選可以彈出層
<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;
滑動(dòng)出來(lái)的一個(gè)過(guò)渡速度 高度一定要為100%
overflow自動(dòng)jq文件原理:點(diǎn)擊菜單彈出層的同時(shí) body html禁止?jié)L動(dòng)
$('body,html').css({'height':'100%','overflow':'hidden'});
彈出層退出時(shí)釋放body html 解除禁止?jié)L動(dòng)
$('body,html').removeAttr("style");就是這么簡(jiǎn)單哦 不用去反鎖的計(jì)算啥啥可視高度 還是瀏覽器高度的