如何使侧边栏向上移动

How do I get the sidebar to move up

本文关键字：移动 侧边栏 何使      更新时间：2023-09-26

我有这个页面，我希望侧边栏随着用户一起向下滑动，它运行得很好，但如果你在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()
            });
        })
    }
}

我有点不知道下一步该做什么。。。。以及如何修复此

Hm小屏幕无论哪种方式都是一个问题，因为侧边栏几乎有600像素高，所以在上网本上，它可能根本不适合浏览器窗口。

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

相关文章：