Выполнить скрипт если виден элемент jQuery

jQuery(document).ready(function($) { 
  $(window).scroll(function() { 
    var cont = $('.content'); 
    if (!cont.hasClass('visible')) { 
      var wh = $(this).height(); 
      var topOffset = cont.offset().top - $(this).scrollTop(); 
      var visible = (topOffset <= wh) && (topOffset + cont.height() > 0); 
      if (visible) { 
        cont.addClass('visible'); 
        console.log('Visible!!!'); 
      } 
    } 
  }); 
});

.padding { 
  height: 300px; 
} 
 
.content { 
  background-color: red; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div class="padding">&nbsp;</div> 
<div class="content">Content</div> 
<div class="padding">&nbsp;</div>