javascript - 浏览器扩展隐藏的 bootstrap-4.1.3 固定底部窗口
问题描述
我需要一个像这样的固定底部窗口：
<div class='clearfix fixed-bottom'>
<span class='float-right' style='background-color:yellow'>Please do not hide me!</span>
</div>
结果是正确的...直到出现一个不相关的 firefox 状态栏（来自 s3download-statusbar）并将其隐藏。
我希望（通过css和/或JS）在状态栏显示/隐藏时向上/向下移动小窗口，但奇怪的是window.innerHeight，$(window).height()值不受状态栏显示/隐藏的影响。
我也没有找到任何 JS 事件来通知我状态栏（或任何其他窗口）现在正在隐藏我的窗口。
小窗口非常重要，它的内容必须始终保持可见：如果其他（未知）浏览器扩展显示和隐藏，固定底部必须相应移动。
此页面的用户也有 chrome、IE、safari，...因此我正在寻找对这些浏览器有效的解决方案。