Как сделать уПирающийся блок ?
Как сделать упирающийся блок ?
![]() Итак - Есть 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, время: 10:33. |