Введение
В этой маленькой статье я покажу как можно кроссбраузерно и без использования JQuery, на чистом javaScript, без особых проблем, реализовать определение количества проскролленной страницы.
Хоть эта проблема возникает не часто, но все же лучше иметь этот код на вооружении. Поэтому, я быстро набросал функцию, которая будет возвращать объект, хранящий в себе количество пикселей, на которое было проскроллена страница по осям X и Y.
Определение количества проскролленной страницы. JavaScript код
Ниже приведен код функции:
/**
* Кроссбраузерное определение количества проскролленной страницы
*
* Вернет объект:
* Object { y_pos, x_pos }
*/
function getScrollPage(){
y_pos = (window.pageXOffset !== undefined) ? window.pageXOffset : (document.documentElement || document.body.parentNode || document.body).scrollLeft;
x_pos = (window.pageYOffset !== undefined) ? window.pageYOffset : (document.documentElement || document.body.parentNode || document.body).scrollTop;
return {y_pos: y_pos, x_pos: x_pos}
}
И пример использования:
var popsition_scroll = getScrollPage();
console.log(popsition_scroll.x_pos);
console.log(popsition_scroll.y_pos);
alert('Страница прокручена на ' + popsition_scroll.x_pos + ' пикселей!');
