iOS下的 Fixed + Input BUG现象

时间：2016-11-08 11:26:38 阅读：296 评论：0 收藏：0 [点我收藏+]

标签：bottom layout tle keyword select -- text bug abs

<body class="layout-scroll-fixed">
    <!-- fixed定位的头部 -->
    <header>
        
    </header>
    
    <!-- 可以滚动的区域 -->
    <main>
        <div class="content">
        <!-- 内容在这里... -->
        </div>
    </main>
    
    <!-- fixed定位的底部 -->
    <footer>
        <input type="text" placeholder="Footer..."/>
        <button class="submit">提交</button>
    </footer>
</body>

header, footer, main {
    display: block;
}

header {
    position: fixed;
    height: 50px;
    left: 0;
    right: 0;
    top: 0;
}

footer {
    position: fixed;
    height: 34px;
    left: 0;
    right: 0;
    bottom: 0;
}

main {
    /* main绝对定位，进行内部滚动 */
    position: absolute;
    top: 50px;
    bottom: 34px;
    /* 使之可以滚动 */
    overflow-y: scroll;
}
注：注意使用弹性滚动

标签：bottom layout tle keyword select -- text bug abs

原文地址：http://www.cnblogs.com/mishiyang/p/6042297.html

踩

(0)

评论一句话评论（0）