Question

我有一个导航栏和一个侧栏，当它加载时会显示在我页面的底部。但是当你向下滚动它应该添加某些css来改变它们的位置。但似乎这不仅仅适用于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%'});
        }
    });
});

更新：正如我现在看到的，当我记录$(window).scrollTop()的值时，它始终为0 - 零

Answer 1

尝试使用$(document).scroll

$（window）.scroll（）在IE 9中不起作用

1 个答案: