Форум

KiberQ · #1 (**permalink**) 01.04.2017, 14:10

Всем привет, имеется такой код:

$(window).scroll(function(){ 
	if($(window).scrollTop()+$(window).height()>=$(document).height())
	{ 
		console.log('ура! конец страницы!') 
	} 
});

По логике он должен определять, когда пользователь проскроллил до конца страницы, но почему-то консоль выдает текст, когда я даже немного проскроллил вниз, не достигнув конца страницы.

рони · #2 (**permalink**) 01.04.2017, 14:21

KiberQ,

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  #slider {
    position: fixed;
  }
 body{
   height: 2000px;
 }

  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

  <script>
$(function() {
$(window).scroll(function(){
  if($(window).scrollTop()+$(window).height()>=$(document).height())
  {
    $('#slider').html('ура! конец страницы!')
  }
});

});
  </script>
</head>

<body>
<div id="slider"></div>

</body>
</html>

KiberQ · #3 (**permalink**) 01.04.2017, 14:26

Я добавил Ваш код, результат вывожу в консоль:

в итоге слегка сдвинул, в консоле отобразился результат:

рони · #4 (**permalink**) 01.04.2017, 14:38

KiberQ,
лучше макет с проблемой, чем картинка

KiberQ · #5 (**permalink**) 01.04.2017, 14:53

А собственно, нечего скидывать, файл html, в котором подключается js, в котором Ваша функция и куча моих функций.

рони · #6 (**permalink**) 01.04.2017, 15:31

KiberQ,
нет кода, нет совета

KiberQ · #7 (**permalink**) 01.04.2017, 16:23

В html файле подключен php, без него, вроде, пашет, но это подключение мне нужно.

рони · #8 (**permalink**) 01.04.2017, 16:45

KiberQ,
скорее всего у вас нарушена структура html ... либо DOCTYPE не указан ... можно поигратся с body и html ...
как вариант ...

if($(window).scrollTop()+$(window).height()>=$("html").height())

без макета можно только гадать

KiberQ · #9 (**permalink**) 01.04.2017, 16:54

Хорошо, вот код
https://pastebin.com/gCrz57XA

рони · #10 (**permalink**) 01.04.2017, 17:08

KiberQ,
мне нечего добавить, код содержит вставки, без живого макета можно только гадать ... смотрите совет выше, может чем поможет.

Форум

Справочник

Discord чат

Курсы javascript