Если пользователь проскроллил до конца страницы
Всем привет, имеется такой код:
$(window).scroll(function(){
if($(window).scrollTop()+$(window).height()>=$(document).height())
{
console.log('ура! конец страницы!')
}
});
По логике он должен определять, когда пользователь проскроллил до конца страницы, но почему-то консоль выдает текст, когда я даже немного проскроллил вниз, не достигнув конца страницы. |
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,
лучше макет с проблемой, чем картинка |
А собственно, нечего скидывать, файл html, в котором подключается js, в котором Ваша функция и куча моих функций.
|
KiberQ,
нет кода, нет совета |
В html файле подключен php, без него, вроде, пашет, но это подключение мне нужно.
![]() |
KiberQ,
скорее всего у вас нарушена структура html ... либо DOCTYPE не указан ... можно поигратся с body и html ... как вариант ...
if($(window).scrollTop()+$(window).height()>=$("html").height())
без макета можно только гадать |
Хорошо, вот код
https://pastebin.com/gCrz57XA |
KiberQ,
мне нечего добавить, код содержит вставки, без живого макета можно только гадать ... смотрите совет выше, может чем поможет. |
KiberQ,
ещё можно попробовать jquery 1.12.4 вместо 3.1.1 |
| Часовой пояс GMT +3, время: 01:04. |