You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
34 lines
1.1 KiB
34 lines
1.1 KiB
/*
|
|
* 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:
|