Animate.css & jquery.inview.js

// jquery.inview.js
$('.inview').on('inview', function(event, isInView, visiblePartX, visiblePartY) {
    if (isInView) {
        //ブラウザの表示域に表示されたときに実行する処理
        $(this).addClass('animated rollIn');

    } else {
        //要素が見えなくなったときに実行する処理
        $(this).removeClass('animated rollIn');
    }
});