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