60 lines
No EOL
2 KiB
JavaScript
60 lines
No EOL
2 KiB
JavaScript
/**
|
|
* author Remy Sharp
|
|
* url http://remysharp.com/2009/01/26/element-in-view-event-plugin/
|
|
*/
|
|
(function ($) {
|
|
function getViewportHeight() {
|
|
var height = window.innerHeight; // Safari, Opera
|
|
var mode = document.compatMode;
|
|
|
|
if ( (mode || !$.support.boxModel) ) { // IE, Gecko
|
|
height = (mode == 'CSS1Compat') ?
|
|
document.documentElement.clientHeight : // Standards
|
|
document.body.clientHeight; // Quirks
|
|
}
|
|
|
|
return height;
|
|
}
|
|
|
|
$(window).scroll(function () {
|
|
var vpH = getViewportHeight(),
|
|
scrolltop = (document.documentElement.scrollTop ?
|
|
document.documentElement.scrollTop :
|
|
document.body.scrollTop),
|
|
elems = [];
|
|
|
|
// naughty, but this is how it knows which elements to check for
|
|
$.each($.cache, function () {
|
|
if (this.events && this.events.inview) {
|
|
elems.push(this.handle.elem);
|
|
}
|
|
});
|
|
|
|
if (elems.length) {
|
|
$(elems).each(function () {
|
|
var $el = $(this),
|
|
top = $el.offset().top,
|
|
height = $el.height(),
|
|
inview = $el.data('inview') || false;
|
|
|
|
if (scrolltop > (top + height) || scrolltop + vpH < top) {
|
|
if (inview) {
|
|
$el.data('inview', false);
|
|
$el.trigger('inview', [ false ]);
|
|
}
|
|
} else if (scrolltop < (top + height)) {
|
|
if (!inview) {
|
|
$el.data('inview', true);
|
|
$el.trigger('inview', [ true ]);
|
|
}
|
|
}
|
|
});
|
|
}
|
|
});
|
|
|
|
// kick the event to pick up any elements already in view.
|
|
// note however, this only works if the plugin is included after the elements are bound to 'inview'
|
|
$(function () {
|
|
$(window).scroll();
|
|
});
|
|
})($jq); |