Как зафиксировать div, чтобы он прокручивался вместе со страницей до конца родительского?

Question

[Александр Коновалов]

Здравствуйте! Нужно зафиксировать div, чтобы он прокручивался вместе со страницей до конца родительского div и откреплялся. Хороший пример: https://zen.yandex.ru/media/carakoom/13-grustnyh-f... Справа блок с соц сетями прокручивается до блока с комментариями. Как такое сделать? Я так понимаю без js не обойтись

Answer 1

[hzzzzl]

родительская колонка, в которой лежит этот див высотой со всю страницу,
на самом диве position:sticky
https://developer.mozilla.org/ru/docs/Web/CSS/position

Comments

[Александр Коновалов]

hzzzzl, в моем случае, похоже, этот вариант не подойдет.

Мне нужно, чтобы блок с календарем прокручивался до блока с отзывами и откреплялся

[hzzzzl]

Александр Коновалов, вот попробовал на скорую руку
https://codepen.io/anon/pen/gEdroe

[hzzzzl]

должно подойти, делаешь flex враппер с двумя колонками аренда/календарь, ну и потом так же

Александр Коновалов,

display: flex на врапе, и календарь положить в еще один враппер с

display: flex;
flex-direction: column;
justify-content: flex-end;

[RAX7]

Александр Коновалов,

#calendar {
  position: sticky;
  top: 0;
}