当前位置: 主页 > 在线现金网 >

移动web开发 滑动页面导航置顶会跳动不流畅,有没有好的解决方案

In 在线现金网
on 12/22
by admin
Views
position:fixed 的 performance penalty 还挺大的,你可以考虑下这样:Edit fiddle - JSFiddle

<style>
    html,body{
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
    }
    .view{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .header-bar{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        background: #ccc;
    }
    .container{
        position: absolute;
        top: 40px;
        left: 0;
        width: 100%;
        bottom: 0;
        overflow-y: auto;
    }
    .content{
        height: 10000000px;  /* 撑开 */
        background: linear-gradient(#fff, #000)
    }
</style>
<div class="view">
    <header class="header-bar">
        这是顶部条
    </header>
    <div class="container">
        <div class="content">
        </div>
    </div>
</div>

原文链接:http://www.152801.com/zaixianxianjinwang/79.html 转载请注明出处