Старт CSS анимации при прокрутке страницы

Видел как на многих лендинг-пейджах реализована интересная фишка, когда прокручиваешь страницу до определенного блока - в нем стартует какая-либо css-анимация. Реализовать это можно так: при скролле мерять scrollTop javascripto'м, и как дойдет до нужного блока - стартовать анимацию. Но, если у устройства клиента такой дисплей, что этот блок оказывается в области видимости без прокрутки, т.е. юзер не будет скроллить страницу - он сразу видит этот блок, в итоге событие scroll не сработает и анимация не стартанет... Как правильно решить такую задачу?