3

Есть такого рода код:

$(window).scroll(function(){
    if ($(window).scrollTop() == $(document).height() - $(window).height())
        alert('Привет');
});

Прекрасно работает на десктопе. Но почему-то не работает в мобильной версии.
Из мобилок у меня только iPhone 5C, так что девайсов на тест не велико, но и в режиме имитатции мобилок в Хроме, код тоже не хочет выполняться.
Есть неколхозный и без костылей вариант кросбраузерно отслеживать конец страницы по скроллу?

1 ответ 1

3

Попробуйте такой вариант с использованием кросс-браузерной функции определения высоты документа от James Padolsey:

function getDocHeight() {
    var D = document;
    return Math.max(
        D.body.scrollHeight, D.documentElement.scrollHeight,
        D.body.offsetHeight, D.documentElement.offsetHeight,
        D.body.clientHeight, D.documentElement.clientHeight
    );
}

$(document).ready(function() {
  $(window).scroll(function() {
    if ($(window).scrollTop() + $(window).height() == getDocHeight()) {
      alert("Конец страницы");
    }
  });
});
#container {
  height: 1000px;
  width: 100px;
  background-color: red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="container"></div>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

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