码迷,mamicode.com
首页 > 移动开发 > 详细

ios上position:fixed失效问题

时间:2016-07-31 14:32:50      阅读:253      评论:0      收藏:0      [点我收藏+]

标签:

手机端上的猫腻真是多啊~~~ 此起彼伏!

最近又遇到了 固定定位的底部导航在ios上被弹出去

技术分享

此时内心1w+个草泥马奔过~~~~~~~~

 

直接上解决方案:

<div class="main_comment">```````````````````</div>
<div class="commentBar">回复框</div>
.main_comment{
  width: 100%;
  position: absolute;
  overflow-y: auto;
  top: 0;
  bottom: 0;
  -webkit-overflow-scrolling: touch;   /*这句是为了滑动更顺畅*/
}
.commentBar{
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #fff;
  padding: 5px;
  z-index: 99;
}

 

这里都是用了absolute去解决,达到理想中的效果。

 

 

 

 

 

 

  

ios上position:fixed失效问题

标签:

原文地址:http://www.cnblogs.com/AliceLiu/p/5722935.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!