Javascript 如何在标题末尾停止滚动并继续滚动内容？

今天我在看一些youtube视频的时候，我注意到了网站的布局。我想知道如何做到这一点。我希望实现以下网站布局：

• 在页眉的末尾，页面停止滚动，滚动仅对内容有效

• 我想让侧边栏保持相同的位置，并始终在右侧可见

• 我想指出的是，我并不是指我的内容中的滚动条，如果我的解释没有意义，请查看youtube主页或本网站

我想需要一些javascript或jQuery，希望你们能给我一个正确的方向。如果你们能告诉我我需要用什么来达到这个效果，我会非常感激

提前谢谢

---

编辑：我注意到youtube上的效果只有在我使用Opera浏览器时才能看到，而另一个网站上有我的想法

你可以用jquery来实现这一点

$(window).scroll(function(){

   var scrolled = $(window).scrollTop();

   //if window is scrolled past the height of the header (in my case 200px), execute code
   //or you could do this dynamically by saying scrolled > $(".header").height();
   if(scrolled > 200){ 

      $(".left").css({"position":"fixed"});

   }else{

    $(".left").css({"position":"inherit"});

   }
});

---

仅供参考，页面并没有停止滚动，侧边栏只是固定在页面上。

可能重复@user2310289，谢谢您的回复，但这不是我想的效果。CSS

位置：固定

@用户3188287没问题。很乐意帮忙。只需将此标记为正确，以备将来使用。