CSS fix定位

ios下的fix的问题总结

将一个元素设置为position: fixed. 在ios浏览器下的行为分析：

颜色填充

原则：

• 滚动填充的颜色是可定制的。
• 滚动填充的内容并不是标签的延伸，只会填充纯颜色。
• 滚动填充的颜色是滚动区域逐级往上找background-color确定的。
• 滚动填充的颜色默认值为白色。

ios滚动回填机制

ios是有滚动回弹机制的（即进行滚动时，滚动到最顶部或者最底部显示的一个回弹动画），原理参考上面的颜色填充。

实际上在滚动填充时有一个容器包裹着我们的页面。这个容器通常用于窗口缩放的时候，填充颜色

fixed定位基准值问题

• fixed元素的定位并不是基于手机屏幕
• fixed元素的定位也不是基于body元素

fixed元素的基准值，其实是介于二者之间的一个显示窗口（类似于viewPort）。 这个显示窗口在不缩放的情况下，等于浏览器的窗口大小。如果body内容超出了显示窗口就形成了回弹部分。

参考文章： https://segmentfault.com/a/1190000010510291#articleHeader4 http://efe.baidu.com/blog/mobile-fixed-layout/