Web移动端Fixed布局的解决方案
标签：转载于EFE博客，这是一篇非常有价值的文章，
做移动端基本跑不了会遇到这篇文章提到的问题。
移动端业务开发，iOS下经常会有fixed元素和输入框
（input元素）同时存在的情况。但是fWeb移动端Fixed布局的解决方案
标签：转载于EFE博客，这是一篇非常有价值的文章，
做移动端基本跑不了会遇到这篇文章提到的问题。
移动端业务开发，iOS下经常会有fixed元素和输入框
（input元素）同时存在的情况。但是fixed元素在有软键盘
唤起的情况下，会出现许多莫名其妙的问题。这篇文章里
就提供一个简单的有输入框情况下的fixed布局方案。
iOS下的Fixed+InputBUG现象
让我们先举个栗子，最直观的说明一下这个BUG的现象。
常规的fixed布局，可能使用如下布局（以下仅示意代码）：
<bodyclass="layout-fixed">
<!--fixed定位的头部-->
<header>
</header>
<!--可以滚动的区域-->
<main>
<!--内容在这里...-->
</main>
<!--fixed定位的底部-->
<footer>
<inputtype="text"placeholder="Footer..."/>
<buttonclass="submit">提交</button>
</footer>
</body>
Web移动端Fixed布局的解决方案 来自淘豆网m.daumloan.com转载请标明出处.
