美文网首页
以下是移动端 常见的问题解答(如何简单解决移动端弹出层滚动 bo

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

作者: 张宪宇 | 来源:发表于2016-12-06 09:09 被阅读0次

    首页我们点击筛选可以弹出层
    <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");就是这么简单哦 不用去反锁的计算啥啥可视高度 还是浏览器高度的

    相关文章

      网友评论

          本文标题:以下是移动端 常见的问题解答(如何简单解决移动端弹出层滚动 bo

          本文链接:https://www.haomeiwen.com/subject/nbnlmttx.html