解决IOS下不支持fixed的问题

  • A+
所属分类:原生JS

我们在做移动web应用的时候,常常习惯于使用position:fixed把一个input框作为提问或者搜索框固定在页面底部。但在IOS的safari和 webview中,对position:fixed的支持不是很好。我遇到的其中一个问题就是,在input focus弹出输入法时,包含了input框而且设置了position fixed的div浮在页面上了,而不是吸附在软键盘上部。效果如图:

20140721184403371

方法一:

focus的时候让fixed块position变为relative,这是最简单的处理方法。

方法二:

position:absolute;每次滚动的时候重新算位置。

 

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin
沉默的螺旋

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: