Сделать контент в div липким, когда пользователь прокручивает этот раздел? ⇐ CSS

[Гость]

У меня есть контейнер div с некоторым содержимым, причем сам контейнер выше содержимого. Я хочу, чтобы этот контент начинался с выравнивания по верхней части этого контейнера (что в настоящее время так и есть), но когда пользователь вертикально прокручивает верхнюю часть контента, я хочу, чтобы контент «прилипал» к верхней части экрана, поскольку пользователь прокручивает контейнер по вертикали.

После того, как пользователь прокрутит нижнюю часть контейнера, я хочу, чтобы контент оставался в контейнере, но в этот момент контент будет выровнен по нижней части всего контейнера.

Для этого я использую CMS, но пример моей HTML-структуры выглядит примерно так:

текст, содержание и т. д. Можно ли это реализовать только с помощью CSS, или для этого мне нужно реализовать какой-то JS?