Demo jquery scroll

by Adi Jaya

HTML

<p id="info"></p>

<div id="demo">
  <div class="content"></div>
</div>

CSS

#demo {
  overflow: auto;
  height: 200px;
  border: 1px solid;
}

.content {
  height: 3000px;  
}

JavaScript

$("#demo").scroll(function() {
	var limit = 2000;
	var scroll = $( this ).scrollTop();
	var info = $( "#info" );
  info.html( scroll );
  //console.log( "scroll" );
  if( scroll >= limit ){
  	info.css( "color", "red" );
    //$( this ).scrollTop(0);
  } else {
  	info.css( "color", "black" );
  }
});