как получить боковую прокрутку, как проводной сайт?

Question

Я пытался повторить прокрутку sibebar , используемую на wired.com , но пока не повезло: /

ссылка - https://www.wired.com/story/the-bike-share-war-is-shaking-up-seattle-like-nowhere-else/

несколько вещей, которые я заметил-

1. боковая панель динамически изменяет высоту в зависимости от содержимого (может быть большой картинки или рекламы), которое шире, чем содержимое в средней части
2. тогда это подталкивается этим контентом.

3. После того, как все переместилось вверх, боковая панель появляется снова и придерживается, пока не соприкоснется с любым таким содержимым.

   Я проверил источник, и кажется, что боковая панель находит высоту более широкого содержимого и соответствует ему, а затем следующему, и в последнем его 100%

PS - я новичок в веб-разработке, и любая помощь будет очень признательна :), спасибо:

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() );
});