2014-02-21 135 views
0

我有一個導航欄和一個側欄,它在加載時顯示在頁面底部。但是當你向下滾動時,它應該添加一些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 - 零

+0

什麼是不工作,到底?另外,取下'zIndex'值上的''';你不需要它們。 –

+0

您是否檢查瀏覽器控制檯是否有任何錯誤? –

+0

@EdCottrell什麼都沒有,導航和邊欄不會改變位置,也沒有其他樣式應用 –

回答

1

嘗試$(document).scroll代替

+0

仍然不能正常工作.. –

+0

只是檢查 - 你是否也改變了'if($(window).scrollTop()'if'$(document).scrollTop ()'? – slynagh

+0

是的,但現在的問題是通過jquery添加css ... –

相關問題