ios 下在键盘弹起时fixed元素 随页面滚动

问题是这样的,

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%;
}