Определение видимости элемента на экране
 

Собственно, есть, к примеру, страница.
Внизу, допустим, я размещаю блок.
Шириной в 100px и с такой же высотой.
Произвольный контент оставляет этот блок вне видимости — нужно проскроллить страницу.
Как мне понять, что мой блок стал виден больше чем на 30px?

Сложить высоту экрана, с высотой скролла экрана, и вычесть из неё абсолютный топ элемента. Если больше, чем 30 - значит, виден.

высота скролла экрана — это как звучит на .js?
Да и абсолютный топ...

Эта статья поможет вам прояснить некоторые моменты. А остальное может прояснить гугл)