Есть страница, которая выполняет дальнейший код в зависимости от координат footer'а:
window.addEventListener('scroll', function() {
if (window.pageYOffset > 0) {
scrollUp.style.display = 'block';
} else {
scrollUp.style.display = 'none';
}
clearTimeout(scrollTimeout);
scrollTimeout = setTimeout(addPageOnScroll, SCROLL_TIMEOUT);
});
/**
* (адаптация для больших разрешений). */
window.addEventListener('load', addPageOnScroll);
function addPageOnScroll() {
//определяем положение футера относительно экрана
var footerCoordinates = document.querySelector('footer').getBoundingClientRect();
//определяем высоту экрана
var viewportSize = document.documentElement.offsetHeight;
//футер виден хотя бы частично
if (footerCoordinates.bottom <= viewportSize) {
if (currentPage < Math.ceil(filteredPosts.length / PAGE_SIZE)) {
wall.renderPosts(filteredPosts, ++currentPage, false);
}
}
}
В Chrome все работает корректно при любом разрешении экрана и масштабе страницы. В Firefox при разрешении экрана 1920x1280 работает только при масштабе страницы в 150%, при других масштабах не работает.
Стиль footer'а:
footer {
width: 100%;
height: 50px;
background-color: #0960bb;
}