GOLOS
RU
EN
UA
tolerant
3 года назад

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

Всем привет! 

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

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

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

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

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


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



 

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

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


0
35.640 GOLOS
На Golos с November 2016
Комментарии (3)
Сортировать по:
Сначала старые