固定元素在Firefox和IE中滚动

时间:2017-06-30 07:18:37

标签: javascript

我在窗口的右下角有一个元素。在chrome中,它运行良好,在Firefox和IE中,有一个跳跃效果。 这是我正在尝试的代码:

<div style="height: 300px;"></div>
<div class="test" style="position: absolute; width: 100%; height: 77px; background-color: #333;"></div>
<div style="height: 1300px;"></div>

    $(window).scroll(function () { 
        var bHeight = $(window).height();
        var offset = $(window).scrollTop();
        $('.test').css({
            top: bHeight + offset - 77 + 'px';
        });

});

前小提琴:Chrome中的http://jsfiddle.net/3ecx7zp9/6/工作正常,但IE和Firefox,滚动有一个弹性效果。任何人都可以建议一个解决方案,因为我找不到任何东西? 在此先感谢您的帮助

谢谢,阿基拉

1 个答案:

答案 0 :(得分:1)

所以我希望我理解你的问题。 你想在底部修一个元素吗?

你可以使用css

.test
   {
    position: fixed;
    bottom: 0;
   }