Липкое позиционирование блоков (position sticky)

Липкое позиционирование блоков (position sticky)

От автора: CSS постоянно развивается. Добавляются новые свойства, и со временем все большее количество браузеров начинает поддерживать новые свойства. В данном видео уроке мы рассмотрим применение относительно нового значения sticky у свойства position, используя которое, можно сделать блоки, прилипающие к верху страницы при скроле.

Если раньше, чтобы сделать блоки, которые остаются видимыми на экране при скроле страницы, нужно было использовать JavaScript, то сегодня для этого достаточно воспользоваться новым значением свойства position – sticky.

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

скачать исходники

Практический курс по верстке адаптивного сайта с нуля!

Изучите курс и узнайте, как верстать современные сайты на HTML5 и CSS3

Узнать подробнее

PSD to HTML

Практика верстки сайта на CSS Grid с нуля

Смотреть

Метки:

Похожие статьи:

Комментарии Вконтакте: