Disappearing element with fullPage.js

Question

I'm trying to get the fullPage.js (https://github.com/alvarotrigo/fullPage.js) on my site but when I slide down one and slide back up, the div on the video element is like disappearing and not sliding back with the video nicely, just pop, and appears. As far as I see it works well in Firefox.

Demo: http://beta.brainfunkers.co

Any ideas on this?

Thanks in advance!

I'm not seeing any issues in either firefox or chrome, or am I misunderstanding something here? — Jeremy C., Jun 03 '15 at 12:26
@JeremyC. Possibly. When you scroll one down the video and the BF logo slides out nicely. When you scroll back up, the video slides back but the logo is not sliding, just appearing once the slide is complete. — Skylineman, Jun 03 '15 at 12:56
you mean the one div with the image and the "what we do" and the other one that contains text that says "pillow fight" right? — Jeremy C., Jun 03 '15 at 13:24

score 1 · Answer 1 · edited May 23 '17 at 11:58

1

That's a webkit bug as you can see here, so the problem its in Chrome.

Anyway, to solve it add the following style for your logo:

.topImage .topImageContainer .bfLogo{
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

edited May 23 '17 at 11:58

Community

1
1

answered Jun 03 '15 at 14:31

Alvaro

40,778
30
164
336

Disappearing element with fullPage.js

1 Answers1