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

[DENERIK]

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



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

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

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

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

[ruslan_mart]

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

[рони]

DENERIK,
Плавающий блок, замирающий над футером

[DENERIK]

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