0

Как определить что пользователь прокрутил страницу до конца вниз?

1
  • Вот страница, tmp.neatek.ru , там код срабатывает на scroll top, а не низ.
    – Neatek
    Commented 21 дек. 2013 в 17:24

1 ответ 1

1

у вас есть значение $(window).scrollTop(), содержащее количество пикселей, насколько страница прокручена от верхнего края, значение $(window).height(), очевидно, что это высота окна, и значение $(document).height(), содержащее высоту всего документа.

Простое арифметическое действие:

if($(window).scrollTop()+$(window).height()>=$(document).height()){
    console.log('ура! конец страницы!')
}
5
  • На stackoverflow.com мне сказали задать DOCTYPE, и это верное решение. Так как js код был верным. Ибо если не задать DOCTYPE, длина страницы будет равна 0.
    – Neatek
    Commented 21 дек. 2013 в 17:29
  • ну и конечно же, проверку осуществлять на само событие прокрутки: $(window).scroll(function(){ if($(window).scrollTop()+$(window).height()>=$(document).height()){ console.log('ура! конец страницы!') } }) Commented 21 дек. 2013 в 17:31
  • доктайп обязательно задавайте всегда. Вам правильно там сказали. Commented 21 дек. 2013 в 17:32
  • Елена, проблема уже решена) Спасибо за ваши старания помочь. Js код верный, не был задан DOCTYPE. (никогда б не подумал чтобы без него не работал js код) Я просто по большинству на php пишу.
    – Neatek
    Commented 21 дек. 2013 в 17:33
  • js-код работать будет, просто сам рендеринг html/css происходит иначе (примерно как в ИЕ5), если доктайп не задан, и из-за этого некоторые результаты могут казаться неожиданными. Commented 21 дек. 2013 в 17:35

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.