Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Конец страницы скролл (https://javascript.ru/forum/events/74324-konec-stranicy-skroll.html)

j0hnik 02.07.2018 00:10

:cray:
Народ хелп!

рони 02.07.2018 00:11

j0hnik,
в Edge работает,
Firefox 61, Google Chrome 67, ie 11 - не работает

j0hnik 02.07.2018 00:14

<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
	);

console.log(window.scrollY - scrollHeight + innerHeight) ;
};

  </script>
</body>
</html>


рони, какая цифра последняя?

рони 02.07.2018 00:22

j0hnik,
-0.39990234375

j0hnik 02.07.2018 00:33

рони,
Кажись понял в чем проблема
Либо из за масштаба страницы или разрешения экрана.
У меня только так дробные появляются.

рони 02.07.2018 00:38

Цитата:

Сообщение от j0hnik
Кажись понял в чем проблема

Цитата:

Сообщение от рони
window.scrollY меньше scrollМах

обычно делают так от 1 до 8
if(window.scrollY + 5 >= scrollHeight - innerHeight)

j0hnik 02.07.2018 00:39

рони,
Не любите вы мелкий текст, у вас масштаб 125% =) угадал?

рони 02.07.2018 00:44

j0hnik,
я люблю кроссбраузерный код! :)

j0hnik 02.07.2018 00:45

Цитата:

Сообщение от рони
if(window.scrollY + 5 >= scrollHeight - innerHeight)

Да кажисть так наженей, можно даже +1 погрешность <1 пикселя

j0hnik 02.07.2018 00:55

рони,
я ошибся 250% машстаб у вас :blink:


Часовой пояс GMT +3, время: 13:01.