ios 下在键盘弹起时fixed元素 随页面滚动
问题是这样的,
原来的页面布局:
<body> <div class='warper'> <div class='top'></div> <div class='main'></div> <div class="fix-bottom"></div> <div> </body>
解决方式:
html: <body> <div class='warper'> <div class='top'></div> <div class='main'></div> <div> <div class="fix-bottom"></div> </body>
css:
.cont-warper{ position: absolute; width: 100%; left: 0; right: 0; top: 0; bottom: 0; overflow-y: scroll; -webkit-overflow-scrolling: touch;/* 解决ios滑动不流畅问题 */ } .fix-bottom{ position:fixed; bottom:0; width: 100%; }