在ios的浏览器中如果页面存在fixed定位的元素(一般是header和footer),在点击input唤醒输入框时会把这个元素的布局弄乱,总之就是不正常了,这让移动端前端开发人员非常郁闷.网上有很多解决办法,感觉都比较复杂.
使用了一个简单的办法,适用于一些情景:
点击input时focus事件触发,将fixed布局的元素改为absolute,使元素不再浮在屏幕上;失去焦点时blur事件触发,再改为fixed布局,还原即可.
在ios的浏览器中如果页面存在fixed定位的元素(一般是header和footer),在点击input唤醒输入框时会把这个元素的布局弄乱,总之就是不正常了,这让移动端前端开发人员非常郁闷.网上有很多解决办法,感觉都比较复杂.
使用了一个简单的办法,适用于一些情景:
点击input时focus事件触发,将fixed布局的元素改为absolute,使元素不再浮在屏幕上;失去焦点时blur事件触发,再改为fixed布局,还原即可.
转载于:https://my.oschina.net/u/3237686/blog/1836560