Попадание блока в видимую часть экрана?

Question

[DrunkMaster]

Есть DIV-блок в нём число 5000 хотелось бы что бы как только пользователь прокрутил до этого блока, то цифра начинала бежать от 0 и останавливалась на 5000. Вопрос как определить что юзер прокрутил экран до нужного блока?

Answer 1

[Stalker_RED]

Благодаря чудесному Element.getBoundingClientRect() можно получить расстояние от внешних границ элемента верхней левой точки вьюпорта. И, зная размер вьюпорта мы легко можем понять, находится ли этот элемент в нем.

function isElementInViewport (el) {
    var rect = el.getBoundingClientRect();

    return (
        rect.top >= 0 &&
        rect.left >= 0 &&
        rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
        rect.right <= (window.innerWidth || document.documentElement.clientWidth)
    );
}

Источник: stackoverflow.com/questions/123999/how-to-tell-if-...