Scroll div next to other divs : <p>I'm having a lay-out like this:</p>

<p><a href="https://i.stack.imgur.com/Ix1v7.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Ix1v7.png" alt="enter image description here"></a></p>

<p>The left column should scroll down (till the next category) when scroling to bottom. </p>

<p>My HTML looks like this:</p>

<pre><code>    &lt;div class="wrapper gray-bg"&gt;
   &lt;div class="centered"&gt;
      &lt;div class="row"&gt;
         &lt;div class="col-xs-12 col-sm-12 col-md-5 col-lg-4 information group"&gt;
            &lt;h1&gt;Glas&lt;/h1&gt;
            &lt;hr&gt;
            &lt;p class="info"&gt;
            &lt;/p&gt;
            &lt;p&gt;Wil je een maximale &lt;strong&gt;lichtinval&lt;/strong&gt; en maximale &lt;strong&gt;isolatie&lt;/strong&gt;, maar hou je ook van een &lt;strong&gt;strak design&lt;/strong&gt;?&amp;nbsp;Kies dan voor onze vlakke lichtkoepels met dubbelwandig of 3-dubbel glas. Ze zien er niet alleen geweldig uit, maar scoren op alle vlakken ongelooflijk goed.&lt;/p&gt;
            &lt;p&gt;&lt;/p&gt;
            &lt;div class="buttons"&gt;
               &lt;a href="" class="button"&gt;bekijk referenties&lt;/a&gt;
               &lt;a href="/nl/professional/contact" class="button gray"&gt;Vraag offerte&lt;/a&gt;
            &lt;/div&gt;
         &lt;/div&gt;
         &lt;div class="col col-xs-12 col-sm-12 col-md-7 col-lg-8 product-container flex-row"&gt;
            &lt;div class="col-xs-12 col-md-12 col-lg-6 flex-container"&gt;
               &lt;div class="product"&gt;
                  &lt;div class="image" style="background-image: url('https://exmple.com/media/cache/product_thumbnail/uploads/fa5256f2004f96761a87427be6db1e8d2e2fd983.jpeg');"&gt;
                     &lt;span&gt;new&lt;/span&gt;
                  &lt;/div&gt;
                  &lt;h1&gt;exmple iWindow2 ™&lt;/h1&gt;
                  &lt;hr&gt;
                  &lt;h2&gt;Superisolerende lichtkoepel met 2-wandig glas&lt;/h2&gt;
                  &lt;ul class="findplace"&gt;
                     &lt;li&gt;Scoort erg goed qua isolatie: Ut-waarde 1,0 W/m²K&lt;/li&gt;
                     &lt;li&gt;Strak, eigentijds design&lt;/li&gt;
                     &lt;li&gt;Doorvalveilig&lt;/li&gt;
                     &lt;li&gt;Slanke omkadering, slechts 28 mm&lt;/li&gt;
                     &lt;li&gt;Vaste of opengaande uitvoering&lt;/li&gt;
                  &lt;/ul&gt;
                  &lt;div class="bottom-buttons"&gt;
                     &lt;a href="/nl/professional/product/exmple-iwindow2#prijs" class="col col-xs-3 col-md-6 col-lg-3"&gt;
                        &lt;i class="fa fa-euro"&gt;&lt;/i&gt;
                        &lt;p&gt;Prijs&lt;/p&gt;
                     &lt;/a&gt;
                     &lt;a href="/nl/professional/product/exmple-iwindow2#technische_specs" class="col col-xs-3 col-md-6 col-lg-3 custom"&gt;
                        &lt;i class="fa fa-drafting-compass"&gt;&lt;/i&gt;
                        &lt;p&gt;Technische specs&lt;/p&gt;
                     &lt;/a&gt;
                     &lt;a href="/nl/professional/product/exmple-iwindow2#brochures" class="col col-xs-3 col-md-6 col-lg-3"&gt;
                        &lt;i class="fa fa-file-text"&gt;&lt;/i&gt;
                        &lt;p&gt;Brochures&lt;/p&gt;
                     &lt;/a&gt;
                     &lt;a href="/nl/professional/product/exmple-iwindow2#montage" class="col col-xs-3 col-md-6 col-lg-3"&gt;
                        &lt;i class="fa fa-map"&gt;&lt;/i&gt;
                        &lt;p&gt;Montage&lt;/p&gt;
                     &lt;/a&gt;
                  &lt;/div&gt;
               &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="col-xs-12 col-md-12 col-lg-6 flex-container"&gt;
               &lt;div class="product"&gt;
                  &lt;div class="image" style="background-image: url('https://exmple.com/media/cache/product_thumbnail/uploads/e2b4180f8d9109c79350817d46e9c184080e8353.jpeg');"&gt;
                     &lt;span&gt;new&lt;/span&gt;
                  &lt;/div&gt;
                  &lt;h1&gt;exmple iWindow3 ™&lt;/h1&gt;
                  &lt;hr&gt;
                  &lt;h2&gt;Superisolerende lichtkoepel met 3-wandig glas&lt;/h2&gt;
                  &lt;ul class="findplace"&gt;
                     &lt;li&gt;Scoort erg goed qua isolatie: Ut-waarde 0,5 W/m²K&lt;/li&gt;
                     &lt;li&gt;Strak, eigentijds design&lt;/li&gt;
                     &lt;li&gt;Doorvalveilig&lt;/li&gt;
                     &lt;li&gt;Slanke omkadering, slechts 55mm&lt;/li&gt;
                     &lt;li&gt;Vaste of opengaande uitvoering&lt;/li&gt;
                  &lt;/ul&gt;
                  &lt;div class="bottom-buttons"&gt;
                     &lt;a href="/nl/professional/product/exmple-iwindow3#prijs" class="col col-xs-3 col-md-6 col-lg-3"&gt;
                        &lt;i class="fa fa-euro"&gt;&lt;/i&gt;
                        &lt;p&gt;Prijs&lt;/p&gt;
                     &lt;/a&gt;
                     &lt;a href="/nl/professional/product/exmple-iwindow3#technische_specs" class="col col-xs-3 col-md-6 col-lg-3 custom"&gt;
                        &lt;i class="fa fa-drafting-compass"&gt;&lt;/i&gt;
                        &lt;p&gt;Technische specs&lt;/p&gt;
                     &lt;/a&gt;
                     &lt;a href="/nl/professional/product/exmple-iwindow3#brochures" class="col col-xs-3 col-md-6 col-lg-3"&gt;
                        &lt;i class="fa fa-file-text"&gt;&lt;/i&gt;
                        &lt;p&gt;Brochures&lt;/p&gt;
                     &lt;/a&gt;
                     &lt;a href="/nl/professional/product/exmple-iwindow3#montage" class="col col-xs-3 col-md-6 col-lg-3"&gt;
                        &lt;i class="fa fa-map"&gt;&lt;/i&gt;
                        &lt;p&gt;Montage&lt;/p&gt;
                     &lt;/a&gt;
                  &lt;/div&gt;
               &lt;/div&gt;
            &lt;/div&gt;
         &lt;/div&gt;
      &lt;/div&gt;
   &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>But I have no idea on how to make sure the left content is scrolling down when the other content on the right is not. I this doable with some javascript code?</p>

<p>Can you help me?</p>
