parallax.js
1.15 KB
/*
* OK, this is not really a parallax... I just want to see my content move
* somewhat faster than the background... hey, ho, let's go
*/
var background, content, content_top, content_left;
function init() {
content = document.getElementById("content");
content_top = parseFloat(window.getComputedStyle(content).top);
content_left = parseFloat(window.getComputedStyle(content).left);
background = document.getElementById("background");
background_top = parseFloat(window.getComputedStyle(background).top);
background_left = parseFloat(window.getComputedStyle(background).left);
}
function parallax() {
if (! document.documentElement) return;
var v_scroll =
(document.documentElement
&& document.documentElement.scrollTop)
|| document.body.scrollTop;
var h_scroll =
(document.documentElement
&& document.documentElement.scrollLeft)
|| document.body.scrollLeft;
background.style.top = background_top + Math.round(v_scroll/2);
background.style.left = background_left + Math.round(h_scroll/2);
content.style.top = content_top + Math.round(v_scroll/3.0);
content.style.left = content_left + Math.round(h_scroll/3.0);
}
// vim: set ts=2 sw=2: