我有一個導航欄和一個側欄,它在加載時顯示在頁面底部。但是當你向下滾動時,它應該添加一些CSS來改變它們的位置。但似乎這只是在IE瀏覽器不工作。任何人都可以告訴我如何解決這個問題在IE中?
這是我的代碼:
// SCRIPT FOR STICKY SIDEBAR AND NAV
$(function() {
var stickyRibbonTop = $('#second').offset().top;
$(window).scroll(function(){
if($(window).scrollTop() > stickyRibbonTop) {//background: rgba(999,999,999,0.7);height: 80px;width: 100%80
$('#stickyribbon').css({position: 'fixed', top: '0px',maxHeight:'50px',width:'100%',zIndex: '123'});
$('#sidebar').css({position: 'fixed', bottom: '26%',zIndex: '13'});
} else {
$('#stickyribbon').css({position: 'static', top: '0px'});
$('#sidebar').css({position: 'absolute', bottom: '-75%'});
}
});
});
UPDATE: 我現在看到的,當我登錄的$(window).scrollTop()
值的總是0 - 零
什麼是不工作,到底?另外,取下'zIndex'值上的''';你不需要它們。 –
您是否檢查瀏覽器控制檯是否有任何錯誤? –
@EdCottrell什麼都沒有,導航和邊欄不會改變位置,也沒有其他樣式應用 –