scroll add class

by ian_smithz

HTML

<div>Try scrolling the iframe.</div>
<p>Paragraph - <span>Scroll happened!</span></p>

<p>Paragraph - <span>Scroll happened!</span></p>

<p>Paragraph - <span>Scroll happened!</span></p>

<p>Paragraph - <span>Scroll happened!</span></p>

<p>Paragraph - <span>Scroll happened!</span></p>

<p>Paragraph - <span>Scroll happened!</span></p>

<p>Paragraph - <span>Scroll happened!</span></p>

<p>Paragraph - <span>Scroll happened!</span></p>

<p>Paragraph - <span>Scroll happened!</span></p>

<p>Paragraph - <span>Scroll happened!</span></p>

<p>Paragraph - <span>Scroll happened!</span></p>

<p>Paragraph - <span>Scroll happened!</span></p>

<p>Paragraph - <span>Scroll happened!</span></p>

<p>Paragraph - <span>Scroll happened!</span></p>

<div>Try scrolling the iframe.</div>
<p>Paragraph - <span>Scroll happened!</span></p>

<p>Paragraph - <span>Scroll happened!</span></p>

<p>Paragraph - <span>Scroll happened!</span></p>

<p>Paragraph - <span>Scroll happened!</span></p>

<p>Paragraph - <span>Scroll happened!</span></p>

<p>Paragraph - <span>Scroll happened!</span></p>

<p>Paragraph - <span>Scroll happened!</span></p>

<p>Paragraph - <span>Scroll happened!</span></p>

<p>Paragraph - <span>Scroll happened!</span></p>

<p>Paragraph - <span>Scroll happened!</span></p>

<p>Paragraph - <span>Scroll happened!</span></p>

<p>Paragraph - <span>Scroll happened!</span></p>

<p>Paragraph - <span>Scroll happened!</span></p>

<p>Paragraph - <span>Scroll happened!</span></p>


<div>Try scrolling the iframe.</div>
<p>Paragraph - <span>Scroll happened!</span></p>

<p>Paragraph - <span>Scroll happened!</span></p>

<p>Paragraph - <span>Scroll happened!</span></p>

<p>Paragraph - <span>Scroll happened!</span></p>

<p>Paragraph - <span>Scroll happened!</span></p>

<p>Paragraph - <span>Scroll happened!</span></p>

<p>Paragraph - <span>Scroll happened!</span></p>

<p>Paragraph - <span>Scroll happened!</span></p>

<p>Paragraph - <span>Scroll happened!</span></p>

<p>Paragraph - <span>Scroll...

CSS

div {
    color: blue;
  }
  p {
    color: green;
  }
  span {
    color: red;
    display: none;
  }

JavaScript

$( window ).scroll(function() {
  $( "span" ).css( "display", "inline" ).delay(2000).fadeOut();
});