title: How to stop the baffle.js activated
body: <p>How to stop the baffle.js activated?</p>
  
  <p>here the code I wrote.
  I cant stop the text acting while the div.baffle show..</p>
  
  <p><a href="http://codepen.io/QLCee/pen/mOXjWr" rel="nofollow noreferrer">http://codepen.io/QLCee/pen/mOXjWr</a></p>
  
  <pre><code>$(window).scroll( function(){
  $('.baffle').each( function(i){
  
      var bottom_of_object = $(this).offset().top + $(this).outerHeight();
      var bottom_of_window = $(window).scrollTop() + $(window).height();
  
       if( bottom_of_window &gt; bottom_of_object ){
  (function () {
  var Baffle;
  Baffle = function () {
      function Baffle() {
          var $baffle, b;
          $baffle = $('.baffle');
          b = baffle('.baffle', {
              characters: '+-\u2022~\u2591\u2588\u2593 \u2593\u2592\u2591!=*',
              speed: 100
          });
          $baffle.addClass('is-started');
          b.start();
          b.reveal(2000);
      }
      return Baffle;
  }();
  $(function () {
      return new Baffle();
  });
  }.call(this));
      }
  
  }); 
  
  });
  </code></pre>