Всем привет!
Наконец-то google chrome анонсировал поддержку очень нужного свойства, которое позволяет нам обойтись еще без одного JS-куска кода.
Это CSS-свойство position:sticky. Благодаря нему мы можем заставить элемент "приклеиваться" к верху контейнера, когда мы доскролливаем до этого элемента, и открепляться, когда мы выходим за пределы контейнера.
Раньше нам нужно было при помощи JS дописывать position:fixed этому элементу, высчитывать координаты нижней границы блока и убирать position:fixed у элемента.
Теперь всё это за нас сделает position:sticky!
К сожалению, пока это свойство не может похвастаться кроссбраузерностью, однако, оно имеет все перспективы на дальнейшее существование:
Поиграться и понять, что именно мы получаем благодаря этому свойству, Вы можете по этой ссылке.
день начался с хорошей новости :-)
:) Осталось сжечь IE
не все сразу :-)