Как сделать уПирающийся блок ?
Как сделать упирающийся блок ?
Итак - Есть position: fixed; таблица. Как сделать чтобы при прокрутке страницы, она была неподвижна до тех пор. Пока не дошла до ... px до конца страницы ? (Чтобы когда таблица уткнётся в ... px предел. Таблица начала прокручиваться как если бы была position: absolute;). Пример пожалуйста, если не сложно. |
.myElement.absolute {
position: absolute;
top: 500px;
}
(function() {
var elem = document.querySelector('.myElement'),
elemIsAbsolute = false,
elemMaxTop = 500;
window.addEventListener('scroll', function() {
if(this.pageYOffset >= elemMaxTop != elemIsAbsolute) {
elemIsAbsolute = !elemIsAbsolute;
elem.classList[elemIsAbsolute ? 'add' : 'remove']('absolute');
}
});
})();
|
|
Спасибо ребята !
|
| Часовой пояс GMT +3, время: 05:58. |