Как я могу определить, что клиент прокручивается вверх или вниз веб-страницы?

Я ищу кроссбраузерный метод определения того, что клиентский веб-браузер прокручивается до самого низа (или вверху) экрана.

На самом деле верх довольно простой, так как
scrY = window.pageYOffset || document.body.scrollTop || document.documentElement.scrollTop
равно нулю, если вы наверху. Проблема в том, что scrY, похоже, возвращает верхнюю часть полосы прокрутки, а не нижнюю часть, поэтому вместо получения чего-то эквивалентного высоте документа (в пикселях) я предположительно, что высота документа меньше размера полоса прокрутки.

Есть ли простой кросс-браузерный способ узнать, прокрутил ли пользователь до конца документа / окна? В частности, я понимаю общие манипуляции с полосой прокрутки (ее установка, перемещение и т. д.), Но как я могу получить дельту нижней части положения полосы прокрутки относительно нижней части окна / документа.

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
9
0
6 288
2

Ответы 2

Краткое изложение того, что работает в FF 3.5:

function isTop() {
    return window.pageYOffset == 0;
}

function isBottom() {
    return window.pageYOffset >= window.scrollMaxY;
}

scrollMaxY недоступен в Webkit

Ivan 22.11.2011 15:27

Другие вопросы по теме