Записки HTML-верстальщика: position:sticky - наконец-то!!!

Всем привет! 

Наконец-то google chrome анонсировал поддержку очень нужного свойства, которое позволяет нам обойтись еще без одного JS-куска кода. 

Это CSS-свойство position:sticky. Благодаря нему мы можем заставить элемент "приклеиваться" к верху контейнера, когда мы доскролливаем до этого элемента, и открепляться, когда мы выходим за пределы контейнера. 

Раньше нам нужно было при помощи JS дописывать position:fixed этому элементу, высчитывать координаты нижней границы блока и убирать position:fixed у элемента. 

Теперь всё это за нас сделает position:sticky!

К сожалению, пока это свойство не может похвастаться кроссбраузерностью, однако, оно имеет все перспективы на дальнейшее существование:

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

 

Спасибо за внимание :)   

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