STYLE SWITCHER

Jquery

Scroll animation using jquery

Scroll animation using jquery

jquery_black
var scrolled = false;

$(window).scroll(function () {

if (650 < $(window).scrollTop() && !scrolled) {
——————————-animation here——————————
scrolled = true;
}

if (650 > $(window).scrollTop() && scrolled) {
——————————-animation here——————————
scrolled = false;
}
});
More
Equal height using jquery

Equal height using jquery

jquery_black
function equalHeight(group) {
var tallest = 0;
group.each(function() {
var thisHeight = $(this).height();
if(thisHeight > tallest) {
tallest = thisHeight;
}
});
group.height(tallest);
}

equalHeight($(“.equal-blocks”));

More
How to make jQuery waypoints plugin fire when an element is in view and not scrolled past?

How to make jQuery waypoints plugin fire when an element is in view and not scrolled past?

drupal-and-jquery-logos
$(”div”).waypoint(function(event, direction) {
// do your fade in here
$(this).fadeIn();
}, {
offset: function() {
// The bottom of the element is in view
return $.waypoints(”viewportHeight”) – $(this).outerHeight();
}
});
Website
More