如何使侧边栏像有线网站一样滚动？

Question

我尝试复制 wired.com 上使用的 sibebar滚动，但还没有运气：/

链接-https://www.wired.com/story/the-bike-share-war-is-shaking-up-seattle-like-nowhere-else/

我注意到的几件事-

1. 侧边栏会根据内容（可以是大图片或广告）动态更改高度，该内容比中间部分的内容宽
2. 然后它被该内容推高了。

3. 在全部向上移动之后，侧边栏再次出现并停留直到它与任何此类内容接触为止。

   我检查了源，似乎侧边栏正在查找较宽内容的高度并与其匹配，然后是下一个，最后是其100％

PS-我是Web开发的新手，我们将不胜感激:)，谢谢：

Answer 1

这就是我尝试过的

        $(function(){
    var d = $('#sidebar');
    var dPosTop = d.offset().top;
    var win = $(window);
    win.scroll(function(e){
        var scrollTop = win.scrollTop();
        if(scrollTop >= dPosTop){
          d.fadeIn(500);
        }
      else{
        d.fadeOut(200);
      }
    });

});


$(document).ready(function(){
$("#sidebar").height( $("#content").height() );
});