Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Как сделать уПирающийся блок ? (https://javascript.ru/forum/misc/59766-kak-sdelat-upirayushhijjsya-blok.html)

DENERIK 25.11.2015 20:22

Как сделать уПирающийся блок ?
 
Как сделать упирающийся блок ?



Итак - Есть position: fixed; таблица.

Как сделать чтобы при прокрутке страницы, она была неподвижна до тех пор. Пока не дошла до ... px до конца страницы ?

(Чтобы когда таблица уткнётся в ... px предел. Таблица начала прокручиваться как если бы была position: absolute;).

Пример пожалуйста, если не сложно.

ruslan_mart 25.11.2015 21:38

.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');
		}
	});
})();

рони 25.11.2015 22:01

DENERIK,
http://javascript.ru/forum/dom-windo...tml#post287819

DENERIK 25.11.2015 22:06

Спасибо ребята !


Часовой пояс GMT +3, время: 10:33.