сделать левый div фиксированным, пока не прокрутится полная высота правого div - PullRequest
Новая
       43

сделать левый div фиксированным, пока не прокрутится полная высота правого div

0 голосов
/ 25 апреля 2020

Я хочу достичь вот так Амазон . Столбец изображения должен быть зафиксирован при прокрутке, и если правые div имеют большую высоту, чем div изображения, то они должны прокручиваться до тех пор, пока не будет прокручена полная высота правого div.

Используя Jquery, у меня уже есть ответ, который упоминается здесь Stackoverflow . Я хочу добиться этого с помощью CSS или через vanialla javascript.

CodePen: CodePen 

<div class="container">
  <div class="header">
    This is header
  </div>
  <div class="image sticky">
    This is side bar
  </div>
  <div class="content1">
    This is main content
  </div>
  <div class="content2">
    This is side content
  </div>
  <div class="footer">
    <div class="sticky-stopper"></div>
    This is my footer
  </div>
</div>
...