移动端-ios--position:fixed

在移动端开发中,遇到再ios中position:fixed定位的兼容问题,在滑动页面的过程中,定位元素会随着页面滚动,touchend后会恢复到原位,目前在iPhone7中会出现.

解决办法:不使用position:fixed   ,改用position:absolute代替

将定位元素写在Page的外面,

HTML:

<div>

  <Page>....................</Page>

  <div class='insideDiv'></div>

</div>

 

css:

.insideDiv{

position:absolute;

left:0;

bottom:0;

}

posted @ 2017-11-17 16:18  Ki_Vicki  阅读(239)  评论(0编辑  收藏  举报