iOS 下点击按钮后 fixed 定位失效

今天遇到一个奇怪的 BUG,在移动端浏览器里用 position:fixed 实现了一个悬浮页面底部的 tabbar,但是意外发现,点击了页面某个按钮以后,tabbar 就不是 fixed 定位了,表现得跟 position:absolute 一样。(必须在 iPhone 下重现,微信开发者工具和 Chrome 模拟的都无法重现,iOS7、iOS8 均复现了)

后来查了一下,iOS 下的确有这个问题,百度前端团队曾经发表了一篇 Web移动端Fixed布局的解决方案 来讲述自己的方案。

但我这里仅仅是点击了一个

你可能感兴趣的:(iOS 下点击按钮后 fixed 定位失效)