Parallax Background

[silence]

silence submitted a new resource:

Parallax Background - Dead-simple way to give your website background a parallax effect!

Simply throw this:

$(window).scroll(function (e) {
    parallax();
});

function parallax() {
    var scrolled = $(window).scrollTop();
    $('#XenForo').css('background-position', '0px ' + -(scrolled * 0.2) + 'px');
}

Somewhere, where JS is enabled! (I used 'page_container_js_body' and put it right before the '</script>' line.

Example: XenoGamers.org

Note: This only works if you are using the background selector in XenForo's Style Properties and if in 'Miscellaneous' you have...

Read more about this resource...

 

[Code Monkey]

So this makes the background scroll at a different rate than the forum content?

 

[silence]

So this makes the background scroll at a different rate than the forum content?

Yes.

 

[Russ]

Not sure if you're aware but scrolling in Firefox is awful on the site, switched to Chrome seems to get the right effect.

 

[silence]

Not sure if you're aware but scrolling in Firefox is awful on the site, switched to Chrome seems to get the right effect.

See bottom of my post

 

[silence]

silence updated Parallax Background with a new update entry:

1.0.1

Found a script that reduces the lag from scrolling with Firefox users. Update posted in description!
Credits to author in snippit.

Read the rest of this update entry...

 

[rdn]

Any demo?

 

[DRE]

Any demo?

 

[silence]

Nope but I'll post one tomorrow. You can literally just drop that into your js though if you're impatient :3

 

[silence]

Demo posted. Now can someone lend me a pencil?

 

[silence]

silence updated Parallax Background with a new update entry:

1.0.2

Demo posted. Totally not an attempt to get to the top of the resource page.
Nope. No way.

Read the rest of this update entry...

 

[DRE]

this looks like videogame menu background. i like this.