Skip to content

Instantly share code, notes, and snippets.

@vsync
Created May 14, 2013 20:55
Show Gist options
  • Save vsync/5579473 to your computer and use it in GitHub Desktop.
Save vsync/5579473 to your computer and use it in GitHub Desktop.
$(document).ready(function(){
// Cache the Window object
$window = $(window);
$('div[data-type="background"]').each(function(){
var $bgobj = $(this); // assigning the object
$(window).scroll(function() {
// Scroll the background at var speed
// the yPos is a negative value because we're scrolling it UP!
var yStart = $(window).height() * 0.2;
var yPos = -(($window.scrollTop() - yStart) / $bgobj.data('speed'));
// Put together our final background position
var coords = '50% '+ yPos + 'px';
// Move the background
$bgobj.css({ backgroundPosition: coords });
}); // window scroll Ends
});
});
/*
* Create HTML5 elements for IE's sake
*/
document.createElement("article");
document.createElement("section");
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment