STYLE SWITCHER

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

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?

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