Detect with jQuery if an element enters the viewport ( visible() )

element-enters-viewport.js

var win = $(window);
var allMods = $(".box_blog_post");
win.scroll(function(event) {
  allMods.each(function(i, el) {
    if (el.visible(true)) {
      el.addClass("visible"); 
    } 
  });
});