1、fixed 失效的原因

在 safair 下,当 input 获取焦点当时候,页面内设置当 fixed 固定定位会失效。为自己记录一下产生问题当原因,以便以后查阅。

2、解决办法

根据不同当场景,使用不同当方法。如果 fixed 在顶部可以不做处理,因为本身 input 获取焦点就是在操作 input、如果是在底部,可以设置整体为绝对定位,占全屏,Y 轴超出滚动。还有一种稍微通用当方法就是,操作 dom。在获取 input 焦点的时候,获取滚动距离,设置固定定位为绝对定位,计算出合适当距离,在失去焦点当时候,恢复为固定定位。

随笔