bootstrap-4.1.3浏览器扩展隐藏的底部固定窗口

时间:2018-12-14 14:20:53

标签: javascript jquery html5 bootstrap-4

我需要一个像这样的固定底部窗口:

<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等,因此,我正在寻找对这些浏览器有效的解决方案。

0 个答案:

没有答案
相关问题