Question

我有一个内容很长的页面。与此同时，有一个侧边栏内容较少，目前如果继续向下滚动，在某些时候侧边栏中只会有空格。

所以我试图做的是一旦侧边栏到达其内容的末尾，高度给它固定位置，但是仍然有东西要滚动给它静态位置。

所以我有

$(window).scroll(function () {
    var y = $(window).scrollTop();
    var x = $(window).scrollTop() + $(window).height();
    var s = $('#sidebar').height();
    if (x > s) {
        $('#sidebar').css({
            'position': 'fixed',
                'bottom': '0'
        });
    }
    if (x < s) {
        $('#sidebar').css({
            'position': 'static'
        });
    }
    });

这种方式有效。它以静态位置开始，但是当我向任何方向滚动时，它会变为固定。但是我想让它保持静止，同时有一些东西要滚动（向上和向下的方向）

编辑基本上它应该像这样工作：http://jsfiddle.net/cJGVJ/12/但没有阴影效果。

Answer 1

提供HTML和BODY height: 100%;

html, body{
  height: 100%;
}

#sidebar{
  position: absolute;
  bottom: 0px;
}

侧边栏不会滚动超过其内容

1 个答案: