也用fixed，没遇到这样，坐标问题倒是经常遇到，QQ浏览器

@hkongm 大概是什么样的坐标问题呢？

使用-webkit-transform也会影响到fixed的定位，我是在做侧边栏滑出效果的时候发现这个bug的，-webkit-transform动过以后，fixed就不再fixed了。

@junjunhuahua 可以大致形容下，看看我能不能帮你解决。

@maxzhang 就比如我的header是fixed在顶上的，我做了一个抽屉式的滑出效果，是用-webkit-transform实现的，等抽屉展开再收回的时候，header就不再固定了，没有fixed的效果了，然后我改用left去实现这个效果，就没有这个问题，这个估计也是ios下的bug。

@junjunhuahua iOS下fixed的问题异常明显，从iOS5一直到7都没有任何改善。基本表现就是，client width or height 改变时，比如软键盘收起时，fixed元素定位就会异常。

@maxzhang 嗯，键盘的问题我也遇到过。移动web现在坑太多了，遇到了很多比IE6还坑爹的bug。

使用position fixed header 时在移动浏览器下scrollbar会盖到header上，想把它隐藏也隐藏不掉，楼主有什么方法解决吗

@rentj1 无解。scrollbar在没有滚动动作时，会自动隐藏吧

@maxzhang 嗯，看来只有让客户端去隐藏webview的滚动条了

呃，坐标就是maxzhang另一篇文章提到的，貌似真的没什么好办法。
IOS SAFARI极少让人失望的点。。。
请教软键盘的出现和收起，不知道有没有事件？focus和blur不够通用，而且也不是很准啊

@hkongm 软键盘的出现和收起可以监听 window.onresize事件

@hkongm Android上onresize也不靠谱啊

resize。。。也算hack了。。。如果里面有DOM重绘的话，性能又是问题，唉

请问博主，DEMO：http://jsbin.com/omaCOSir/latest 是否解决了IOS5-7下fixed的问题？

@deiphi iOS是的fixed是个无法调和的问题，暂时无法解决。如果你有好的解决方案，可以跟我分享，谢谢！

请问博主 有遇到这种情况吗？就是有个遮罩层 position:fixed，z-index:2;有个div position：relative;z-index:5;在QQ浏览器下，一开始还正常，但是操作几次 遮罩层 就把div给覆盖了

@say-hello 有遇到过，在某些特定的 浏览器 和Andorid2.2-2.3环境下，比如note1，position:fixed会将 position:absolute 覆盖掉，z-index会失效。

这个到没有遇到，兼容性问题有没有好的方案解决？

这是神马社区是中国人的网站？

@deiphi 你把fixed里面放个input或者textarea试试看，应该就出问题了！

@maxzhang 请问一下楼主采用了新旧flex语法混合，是移动端flex兼容最佳的解决方案吗？

flex一共有3次修订，楼主在使用flex的时候移动端的兼容如何？
(PS：公司没有太多机器做测试，前辈项目PV大，踩过的坑希望能分享下，把demo写写备注更好。)

    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */

mark

DEMO：http://jsbin.com/omaCOSir/latest 如果嵌套在iframe里面，底部发fixed不会不失效

m

这个解决方案，加个input就炸了。

safari 浏览器 ios10 手机版本

遇到带输入框fixed，输入框focus时，弹起软键盘，页面滚动到底部，fixed失效随页面滚动。
有什么解决办法吗？

求解: fixed吸底按钮在页面快速滑动时闪烁的原因

@maqing01 给需要 fixed 定位的元素加上样式：transform: translate3d(0, 0, 0); 或者 transform: translateZ(0);

我是头部的设置一个div，让这个div：postion:fiexd，这个自适应到手机端就失效了