safair下input获取焦点时fixed失效

1、fixed失效的原因

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

2、解决办法

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容