jqueryのないCSSのスクロール優先度

Question

私は3つのスティッキーdivを別の高さのブーストコンテナに入れました。

メインコンテナのスクロール優先度を設定することはできますか？今

<div id="header">Header</div> 
<div class="container"> 
    <div class="row"> 
     <div id="side-l" class="col-sm-3"> 
      <p>Sidebar left</p> 
      <p class="bottom-most">This is not that important</p> 
     </div> 
     <div id="main" class="col-sm-7"> 
      <p>Main</p> 
      <p class="bottom-most">I want to see this asap</p> 
     </div> 
     <div id="side-r" class="col-sm-2"> 
      <p>Sidebar right</p> 
     </div> 
    </div> 
</div> 

ケース：私はスクロールするとside-lは底に到達するまで 、本体容器はスクロールしません。

私の目標： 私はスクロールするdiv要素の高さは、窓の高さよりも大きい場合には、本体容器はすぐにスクロールする必要があります。

注コンテナの高さは内容によって異なります。彼らは一定の高さを持っていません。

これができない場合は、ホバリングされた要素だけをスクロールできるオプションがありますか？

のJSフィドル： https://jsfiddle.net/h5m7ovsb/3/

Answer 1

私は下のフィドルのリンクを追加しました。これがあなたに役立つかどうか確認してください。

私は、CSSコードの下に編集しました：

#side-l { 
    height: 1800px; 
    background: rgba(255,0,0,0.1); 
    position: relative; 
    top: 0px; 
} 

https://jsfiddle.net/xLmuffyx/