Проверка, находится ли внизу прокрутка в jquery в Google Chrome

Question

У меня есть django проект, и я не могу сделать скрипт jquery для запуска в google chrome.

Простой код для проверки, если прокрутка внизу:

 <script language="JavaScript" type="text/JavaScript">
    window.onload = function () {

       $('#scrolling').on('scroll', chk_scroll);
    };

    function chk_scroll(e) {

        var elem = $(e.currentTarget);
        if (elem[0].scrollHeight - elem.scrollTop() == elem.outerHeight()) {
           alert("bottom")
        }
    }
</script>

Работает в Opera, Explorer, Firefox, Chrome (как отдельный файл html, не является частью проекта), jsfiddle.

Ps jquery загружается правильно и другие скрипты работают.

Answer 1

Попробуйте следующее:

$( window ).on( 'scroll', checkScroll );


function checkScroll()
{
    const documentScrollTop     = $( document ).scrollTop();
    const documentOuterHeight   = $( document ).outerHeight();
    const windowOuterHeight     = $( window ).outerHeight();

    if ( documentScrollTop >= documentOuterHeight - windowOuterHeight )
    {
        //bottom
    }
}

вам не нужно использовать какой-либо элемент, кроме окна, чтобы проверить, достигли ли вы дна