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

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

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

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

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

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