Кроссбраузерное определение количества проскролленной страницы

Введение

Кроссбраузерное определение количества проскролленной страницыВ этой маленькой статье я покажу как можно кроссбраузерно и без использования 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 + ' пикселей!');
Рассказать друзьям:


Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*