STYLE SWITCHER

Jquery

StickUp a jQuery plugin

StickUp a jQuery plugin

A simple plugin that "sticks" an element to the top of the browser window while scrolling past it, always keeping it in view. This plugin works on multi-page sites, but has additional features for one-pager layouts. Scroll down to see it in action.
Website
More
ScrollReveal.js – Declarative On-Scroll Reveal Animations

ScrollReveal.js – Declarative On-Scroll Reveal Animations

Easy scroll animations for web and mobile browsers.
Website
More
OWL Carousel – Touch Enabled and Responsive jQuery Carousel Slider

OWL Carousel – Touch Enabled and Responsive jQuery Carousel Slider

Owl-Carousel-2
OWL Carousel, Touch enabled jQuery plugin that lets you create beautiful responsive carousel slider.
http://owlgraphic.com/owlcarousel/
More
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