Files
landing_page/qdrant-landing/themes/qdrant/static/js/element-in-view.js
T

53 lines
2.4 KiB
JavaScript

(function($) {
/**
* Copyright 2012, Digital Fusion
* Licensed under the MIT license.
* http://teamdf.com/jquery-plugins/license/
*
* @author Sam Sehnert
* @desc A small plugin that checks whether elements are within
* the user visible viewport of a web browser.
* only accounts for vertical position, not horizontal.
*/
$.fn.visible = function(partial) {
var $t = $(this),
$w = $(window),
viewTop = $w.scrollTop(),
viewBottom = viewTop + $w.height(),
_top = $t.offset().top,
_bottom = _top + $t.height(),
compareTop = partial === true ? _bottom : _top,
compareBottom = partial === true ? _top : _bottom;
return ((compareBottom <= viewBottom) && (compareTop >= viewTop));
};
})(jQuery);
$(window).on('scroll', function() {
$(".banner-section-two .layers-box .layer-one,.banner-section-two .layers-box .layer-two,.banner-section-two .layers-box .layer-three,.main-footer .left-layer,.main-footer .left-layer-2,.main-footer .left-layer-3, #testimonials-slider-pager a.pager-item.icon-one,#testimonials-slider-pager a.pager-item.icon-two,#testimonials-slider-pager a.pager-item.icon-three,#testimonials-slider-pager a.pager-item.icon-four,#testimonials-slider-pager a.pager-item.icon-five,#testimonials-slider-pager a.pager-item.icon-six, #testimonials-slider-pager a.pager-item.icon-one").each(function(i, el) {
var el = $(el);
if (el.visible(true)) {
el.addClass("now-in-view");
} else {
el.removeClass("now-in-view");
}
});
});
$(document).on('ready', function() {
$(".banner-section-two .layers-box .layer-one,.banner-section-two .layers-box .layer-two,.banner-section-two .layers-box .layer-three,.main-footer .left-layer,.main-footer .left-layer-2,.main-footer .left-layer-3, #testimonials-slider-pager a.pager-item.icon-one,#testimonials-slider-pager a.pager-item.icon-two,#testimonials-slider-pager a.pager-item.icon-three,#testimonials-slider-pager a.pager-item.icon-four,#testimonials-slider-pager a.pager-item.icon-five,#testimonials-slider-pager a.pager-item.icon-six, #testimonials-slider-pager a.pager-item.icon-one").each(function(i, el) {
var el = $(el);
if (el.visible(true)) {
el.addClass("now-in-view");
} else {
el.removeClass("now-in-view");
}
});
});