Question

我有这个page并且我希望侧边栏与用户一起向下滑动它运行良好但是如果你在像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 px高，所以在上网本上它根本不适合浏览器窗口。

但您可以将侧边栏保持在绝对位置，直到侧边栏在滚动时到达顶部，然后切换到固定位置，使其保持在屏幕顶部。
这样它将使用可用的屏幕高度

如何让侧边栏向上移动

1 个答案: