ScrollCallback is easy way to watch specific DOM-elements scrolling into and out of view and fires a callback for them.
$('.first-element').scrollcallback(function(e, direction){
alert('You have scrolled to a first element');
});
$('.second-element').scrollcallback({
inHandler: function(e, direction){
alert('You have scrolled to a second element');
},
outHandler: function(e, direction){
alert('You have scrolled from a second element');
}
});
$('.third-element').scrollcallback({
inHandler: function(e, direction){
alert('You have scrolled to a third element');
},
outHandler: function(e, direction){
alert('You have scrolled from a third element');
},
context: '#context'
});
Copyright (c) 2015 Pavel Khoroshkov. Licensed under the MIT license.