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

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

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

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

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

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

Как создать сайт самому?

Какие технологии и знания необходимы сегодня, чтобы создавать сайты самостоятельно? Узнайте на интенсиве!

Зарегистрироваться

PSD to HTML

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

Смотреть

Метки:

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

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

Комментарии Facebook:

Добавить комментарий