固定元素在Firefox和IE滾動滾動

我有一個元素固定在窗口的右下角。在鉻，它工作正常，在Firefox和IE中，有一個跳動的效果。這裏是我想要的代碼：固定元素在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'; 
     }); 

});

防爆小提琴：http://jsfiddle.net/3ecx7zp9/6/鉻工作正常，但IE和Firefox，對滾動有彈性的效果。任何人都可以請建議一個解決方案，因爲我找不到任何東西？在此先感謝您的幫助

感謝，阿基拉

來源

2017-06-30 Akila S

所以我希望我明白你的問題的權利。你想修復底部的元素？

你只可以使用CSS

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

來源

2017-06-30 07:23:50 ArayniMax

應該堅持窗口的底部，甚至在頁面滾動。所以我不能給底部= 0，它應該考慮到代碼中所示的滾動偏移量。 –

確保你已經在樣式屬性中刪除了**位置：絕對**，JS部分=> http://jsfiddle.net/3ecx7zp9/137/ – ArayniMax

感謝您的回覆。在我的情況下，這個固定元素是放在一個

裏面，它是絕對定位的，並且給出底部= 0使它堅持到頁面的底部（而不是窗口） –

固定元素在Firefox和IE滾動滾動

回答

相關問題