Использую вот такое расширение jQuery для проверки видимости элемента на экране (добыто где то на просторах stackoverflow):

$.fn.isOnScreen = function(){
    var viewport = {};
    viewport.top = $(window).scrollTop();
    viewport.bottom = viewport.top + $(window).height();
    var bounds = {};
    bounds.top = this.offset().top;
    bounds.bottom = bounds.top + this.outerHeight();
    return ((bounds.top <= viewport.bottom) && (bounds.bottom >= viewport.top));
};

Пример использования с underscore.js:

var isVisible = function(){
   return $('#selector').isOnScreen() // true or false
};

window.addEventListener('scroll', _.debounce(isVisible, 300), false);

www.italki.com