Как сделать такой скролл по блокам?

Question

[Lector]

Есть три блока, разной высоты могут быть, в зависимости от контента. Суть в том что средний блок2 должен прокручиваться, остальные1 и 3 стоять на месте, но как только остается место к примеру блока 1 до конца блока 2 он уже не фиксируется а должен уползать тоже, так же и с блоком 3.

Comments

[udzumaki]

Вот наверное что-то наподобие того что ты сказал. Код не мой. Можешь его как-то поперекручивать и получиться нужный результат

https://codepen.io/perminder-klair/pen/tdzue

[Lector]

udzumaki, спасибо, попробую

Answer 1

[Alfieros]

Вы хотите что бы Блок 2 скролился вниз, а блок 1 и блок 3 ползли за ним? К примеру как при скроле ленты в ВК, блок с меню всегда на месте?

Если да, то JS не нужен.
Достаточно блоку 1 и 3 присвоить в CSS position: sticky;

Comments

[Lector]

да, но когда нижняя часть к примеру блока 1 доходит до конца блока 2, она перестает фиксироваться а уходит с ним, в то время как блок 3 все еще может ползти вслед за блоком 2 пока его нижняя часть не уткнется в нижнюю часть блока 2

[Alfieros]

Lector, Достаточно блоку 1 и 3 присвоить в CSS position: sticky;

[Lector]

Alfieros, подумал об этом в первую очередь))) но боялся кроссбраузерности, давно не проверял его в caniuse
мой косяк, надо было глянуть сначала) спасибо)