01.07.2018, 18:08
|
|
Новичок на форуме
|
|
Регистрация: 01.07.2018
Сообщений: 4
|
|
|
Конец страницы скролл
Мне необходимо вызвать событие когда пользователь докрутит страницу до самого низа, как определить что пользователь достиг конца документа?
На чистом JS необходимо!
|
|
01.07.2018, 19:34
|
 |
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,068
|
|
|
|
|
01.07.2018, 20:43
|
 |
Профессор
|
|
Регистрация: 01.12.2016
Сообщений: 3,650
|
|
onscroll = function(){
if(window.scrollY+1 >= document.documentElement.scrollHeight-document.documentElement.clientHeight) alert('Конец прокрутки');
};
Последний раз редактировалось j0hnik, 02.07.2018 в 00:56.
|
|
01.07.2018, 21:01
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,068
|
|
j0hnik,
 а если DOCTYPE забудут или window.scrollY меньше scrollМах или ie ?
|
|
01.07.2018, 21:54
|
|
Профессор
|
|
Регистрация: 01.12.2016
Сообщений: 3,650
|
|
onscroll = function(){
var scrollHeight = Math.max(
document.body.scrollHeight, document.documentElement.scrollHeight,
document.body.offsetHeight, document.documentElement.offsetHeight,
document.body.clientHeight, document.documentElement.clientHeight
);
if(window.scrollY+1 >= scrollHeight - innerHeight) alert('Конец прокрутки');
};
рони,
Последний раз редактировалось j0hnik, 02.07.2018 в 00:56.
|
|
01.07.2018, 22:22
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,068
|
|
|
j0hnik,
сделай макет, открой в браузере, снизу открой консоль, проверь работу скрипта.
|
|
01.07.2018, 22:37
|
|
Профессор
|
|
Регистрация: 01.12.2016
Сообщений: 3,650
|
|
|
Сообщение от рони
|
|
сделай макет, открой в браузере, снизу открой консоль, проверь работу скрипта.
|
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>
<body style="height: 3000px">
<script>
onscroll = function(){
var scrollHeight = Math.max(
document.body.scrollHeight, document.documentElement.scrollHeight,
document.body.offsetHeight, document.documentElement.offsetHeight,
document.body.clientHeight, document.documentElement.clientHeight
);
if(window.scrollY >= scrollHeight - innerHeight) alert('Конец прокрутки');
};
</script>
</body>
</html>
таки работает, в каком браузере у вас проблемы? |
|
01.07.2018, 22:40
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,068
|
|
|
Сообщение от j0hnik
|
|
таки работает, в каком браузере у вас проблемы?
|
во всех |
|
01.07.2018, 23:49
|
|
Профессор
|
|
Регистрация: 01.12.2016
Сообщений: 3,650
|
|
|
странно, у меня все ровно тоже во всех.
давайте разбираться друг мой ))
какая версия ОС и версии браузеров?
с кодом выше что нибудь делали?
|
|
02.07.2018, 00:02
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,068
|
|
|
j0hnik,
Windows 10 версия 1803, браузеры последние версии, пост №7, алерта нет в конце прокрутки.
напишите, если не трудно, у кого-то ещё работает это?
|
|
|
|
