scroll() event handling in JQuery
$(window).scroll(function(){
/// code here ///
})Video Tutorial on window scroll Events
Demo is here , scroll this textarea and then scroll this browser window. ( See the scroll message )
scroll this window
JQuery
<script>
$(document).ready(function() {
// Jquery code here ///
$('#t1').scroll(function(){
$('#d1').html("Textarea scroll started" )
//$( "#d1" ).css( "display", "inline" ).fadeOut( "slow" );
setTimeout(function() { $('#d1').html("Textarea stopped ..." ) },500);
})
////
$(window).scroll(function(){
$('#d1').html("window scroll started" )
//$( "#d1" ).css( "display", "inline" ).fadeOut( "slow" );
setTimeout(function() { $('#d1').html("window scroll stopped ..." ) },500);
})
////////
});
</script>HTML
<textarea id=t1 name=t1 rows =5 cols=25>Line one
Line ....
Line ....
Line ....Line ...
Line ....
</textarea>
<div id=d1 class='alert alert-primary'>scroll this window</div>Video Tutorial on keyboard Events
Event Reference resize()
Keypress() keyup() keydown() Learn which key is pressed by user
This article is written by plus2net.com team.
| Most Popular JQuery Scripts | |
1 | Two dependant list boxes |
2 | Calendar with Date Selection |
3 | Data change by Slider |
4 | Show & Hide element |
JQuery Video Tutorials