Окно: свойство scrollX

Только для чтения scrollX свойство интерфейса Window возвращает количество пикселей, на которое документ в настоящее время прокручен по горизонтали. Это значение имеет точность до дробных частей пикселя в современных браузерах, что означает, что оно не обязательно является целым числом. Количество пикселей, на которое документ прокручен по вертикали, можно получить из свойства scrollY.

Значение с двойной точностью, указывающее количество пикселей, на которое документ в настоящее время прокручен по горизонтали от начала координат, где положительное значение означает, что содержимое прокручено вправо (чтобы показать больше содержимого справа). В более технических терминах, scrollX возвращает координату X левого края текущего viewport. Если документ не прокручен ни влево, ни вправо, то scrollX равно 0. Если viewport отсутствует, возвращаемое значение равно 0. Если документ отображается на устройстве с точностью до дробных частей пикселя, то возвращаемое значение также имеет точность до дробных частей пикселя и может содержать десятичную часть.

Возможным является, что scrollX может быть отрицательным, если документ можно прокрутить влево от начального содержащего блока. Например, если документ имеет направление справа налево, а содержимое растёт влево.

Safari реагирует на перепрокрутку, обновляя scrollX за пределы максимальной позиции прокрутки (если эффект "отскока" по умолчанию отключён, например, путем задания overscroll-behavior в значение none), в то время как Chrome и Firefox этого не делают.

Это свойство является только для чтения. Чтобы прокрутить окно в определённое место, используйте Window.scroll().

В этом примере проверяется текущая горизонтальная позиция прокрутки документа. Если она больше 400 пикселей, окно прокручивается обратно к началу.

if (window.scrollX > 400) {
  window.scroll(0, 0);
}

Свойство pageXOffset является псевдонимом для свойства scrollX. Это означает, что если ни одно из свойств не переопределено, то window.pageXOffset === window.scrollX всегда истинно.

• Window.scrollY