Weird CSS problem with One story long

Permalink
I've got a weird CSS problem and I can't seem to fix it..

It's about this site:http://liquorstore-latenight.nl/... and it's build with One Story Long.

On Firefox it's working perfectly, however it isn't on Chrome and IE.
Under the menubar there is a white backgroung/space from about 400px. But this disappears when I go in Inspect mode (F12).

Anyone an idea how this can be fixed or what I'm doing wrong?

FischerVision
 
ob7dev replied on at Permalink Reply 1 Attachment
ob7dev
I can't seem to reach the site. Screenshot attached.
FischerVision replied on at Permalink Reply
FischerVision
Tripple T in Http:// ! Sorry, fixed the link
ob7dev replied on at Permalink Reply
ob7dev
Ok I'm in, but I don't see what your talking about. Can you post a screenshot of what you're seeing so I can look for it?

EDIT: Never mind, I was in the wrong browser, I see what you're saying.
ob7dev replied on at Permalink Reply
ob7dev
I think it's something to do with the parallax effect.

Firefox is calculating the parallax image position correctly, Chrome for whatever reason is not. Parallax is tricky for this reason, it works by moving a div's background image's position, and if you move the image beyond the area of the actual div the image starts to get cut off.

I'm unsure what plugin is being used to control the parallax in this theme. I know of stellar.js and skrollr but have only used stellar or coded it manually.

I bet that if you undock chrome dev tools from the browser window the white area will not disappear, as its being calculated by the browser window, which must be getting shortened as dev tools appears.

Here's a video showing you my results so you know where to look:http://archebian.org/videos/parallax.mp4...