javascript - 侧边栏滚动不超过其内容

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 和 BODYheight: 100%;

html, body{
  height: 100%;
}

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