Как мне заставить боковую панель двигаться вверх

Question

У меня есть эта страница , и я хочу, чтобы боковая панель скользила вместе с пользователем, и она работает хорошо, но если вы находитесь на маленьком экране, например 1024 * 768, вы не увидите дно. Вот часть кода, который я использовал для работы боковой панели. Любые предложения о том, как я могу изменить это поведение.

$(window).scroll(function(){ 
    sidebar_position();
});
$(window).resize(function(){ 
    sidebar_position();
});


function sidebar_position(){
    var w_width = ($(window).width() -1000) /2;
    $('#sidebar').css('left', w_width);

    var sidebar_height = $('#sidebar').outerHeight();
    var content_height = $('#widecolumn').outerHeight();
    var w_height = $(window).height();

    if ( sidebar_height > w_height) {
        $('#sidebar').css('position', 'absolute');
    } else {
        $('#sidebar').css('position', 'fixed');
    };

    if (sidebar_height > content_height) {
        content_height = sidebar_height;
        $('#widecolumn').css('min-height', content_height);
    };


    if($.browser.msie && $.browser.version == 6 ){
        $(window).scroll(function(){ 
            $('#sidebar').css({
                top: $(window).scrollTop()
            });
        })
    }
}

Я как бы потерялся в том, что делать дальше .... и как это исправить

Answer 1

Маленькие экраны Hm в любом случае являются проблемой, поскольку боковая панель имеет высоту почти 600 пикселей, поэтому на нетбуках она, вероятно, вообще не помещается в окне браузера.

Но вы можете оставить боковую панель в абсолютном положении, пока боковая панель не достигнет вершины при прокрутке, а затем переключиться в фиксированное положение, чтобы она оставалась в верхней части экрана.
Таким образом, он будет использовать доступный экранвысота