Проверьте, заканчивается ли DIV на прокрутку окна в Javascript

Question

У меня есть div динамического c контента, поэтому его высота зависит от динамических c данных. когда я прокручиваю окно браузера до дна, если этот div достигает своего конца (снизу) в представлении, я хочу вызвать функцию (сейчас просто утешить ее («достиг низа div»)). Также, если браузер достиг конца страницы, та же самая функция хочет вызвать. как достичь этого я новичок в JS и innerHeight, clientHeight и так далее ... сбивают с толку.

body {
  min-height: 500px;
  background-color: yellow;
}

.dynamicDiv {
  min-height: 200px;
  background-color: red;
  color: #fff;
}

<div class="dynamicDiv">
  some Dynamic data
</div>

Answer 1

Свойство window.innerHeight возвращает высоту области содержимого окна. window.scrollY возвращает количество пикселей, которые документ в настоящий момент прокручивает по вертикали. document.body.offsetHeight возвращает высоту тела, включая отступ и границу

https://jsfiddle.net/smilingpigs/n1vcx3po/4/

window.onscroll = function(ev) {
    if ((window.innerHeight + window.scrollY) >= document.body.offsetHeight) {
        alert("you are at the bottom of the page");
    }
};