如何讓側邊欄向上移動

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

嗯，無論哪種方式，小屏幕都是一個問題，因為側邊欄幾乎是 600 像素高，所以在上網本上它可能根本不適合瀏覽器 window。

但是您可以將側邊欄保留在 position 絕對位置，直到側邊欄在滾動時到達頂部，然后切換到 position 固定，使其保持在屏幕頂部。
這樣它將使用可用的屏幕高度