Есть 3 блока, 2 из них должны быть фиксированы, но фиксированы они должны быть в тот момент, когда находятся по середине экрана (более подробно на схеме)
Есть главный блок(по центру) и два по бокам, все они выровненный относительно друг друга, нужно что бы при скроле в тот момент, когда 2 блока справа и слева достигали середины они становились фиксированный , а центральный продолжал идти.
Делаю сайт на bootstrap'e 4, там есть готовые классы, например class="sticky-top"
, при использовании которого блок становиться фиксированным когда он находиться в самом верху экрана, до этого он не фиксированный элемент. Нужен такой же функционал, но что бы фиксация была по середине. Проблема такая возникла из за разных размеров экранов. Например если зафиксировать блоки простым position:fixed
на широком экране, то все впринципе будет работать, но на ноутбуках фиксированые блоки не скролятся, и половина контента просто за границами окна