我需要一个像这样的固定底部窗口:
<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等,因此,我正在寻找对这些浏览器有效的解决方案。