css - IE8固定位置顶部和底部调整大小错误

Question

根据我的 CSS，包括 IE7 在内的所有浏览器始终正确且固定地显示我的底栏。

.bottom-fixed {
    position: fixed;
    bottom: 0;
    margin-left: -235px;
    min-width: 1160px;
    max-width: 130em;
    width: 100%;
}

但是在 IE8 中有一些奇怪的地方。如果您在底部右上角的帮助下调整浏览器窗口的高度(您可以同时更改窗口宽度和高度的方式)，一切都很好。

但是，如果您调整窗口高度以捕获浏览器窗口的顶部或底部，则条形图/div 会卡在该位置，就像 position 是绝对位置而不是 position: fixed 时一样。

知道如何解决这个问题吗？

(为 HTML5 使用 Doctype)

Answer 1

我无法使用此 thread Umer mentioned 中的父 float 解决方案修复该问题.

所以我用一个简单的 Javascript 脚本修复了它，它应用 position: fixed all time when window gets resized.

HTML

<!--[if IE 8 ]>
    <script type="text/javascript">
        $(window).resize(function () {
            ApplyPositionFixed();
        });
    </script>
    <![endif]-->

Javascript

function ApplyPositionFixed() {
    // Check if element exists
    if ($("#bottom-bar-content").length) {
        $(".bottom-fixed").attr('style', 'position: fixed;');
        console.log("Window resized");
    }
    else {
        console.info("No element changes on Window resize");
    }
}

但是。我已准备好寻求更好的解决方案。