Как на CSS сделать такой блок?

Question

[vilaugra]

Объяснить не могу, есть пример - https://tproger.ru/. На этом сайте два блока с информацией. Слева - главный блок со статьями, а справа еще один с дополнительной информацией. Причем при скроллинге, когда первый блок продолжает листаться, второй доходит до своего конца и просто стоит, а не листается дальше. Как можно реализовать такой же блок, который будет также листаться на CSS, или нужно юзать JS?

Answer 1

[Odisseya]

Это фиксированный блок, логика работы такая: сделать блок в сайдбаре – фиксированным (плавающим). Чтобы он прилипал только в тот момент, когда пользователь доскроллит до него. Блок должен «отлипать», доходя до футера (т.е. не перекрывать его). На tproger.ru сделано стилями position: fixed (см. скрин), но присваиваются они через js:

Comments

[onjkeee]

проще через sticky, чтобы не подгружать лишними даже простыми скриптами сайт.

[Odisseya]

onjkeee, зависит от требований кроссбраузерности

Answer 2

[Дима Долготер]

shpargalkablog.ru/2013/09/scroll-block.html пункт номер 3

Comments

[vilaugra]

Не, так не пойдет. При position: sticky блок прокручивается по-другому

[Дима Долготер]

lleballex, ну это так и делается. ковыряй свои стили, ты что-то намудрил

[vilaugra]

Это точно не через sticky делается. Я уже пробовал. И в коде на том сайте такого значения нет

Answer 3

[Владимир Рыжов]

Делал когда-то такое на этом https://github.com/leafo/sticky-kit