Если пользователь проскроллил до конца страницы
Всем привет, имеется такой код:
$(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,
мне нечего добавить, код содержит вставки, без живого макета можно только гадать ... смотрите совет выше, может чем поможет. |
Часовой пояс GMT +3, время: 22:09. |