CODEWITHSUNDEEP
jqueryhtmlheadersafari
Tag Grafx
Tag Grafx

Reputation: 35

Curtain.js + Jquery + HTML5 - Header & Controls disappear after 2nd slide

Can anyone help me with my first HTML5 and Jquery website?

I'm using this curtain.js that allows me to have layered fixed slides that reveal themselves one slide at a time with a curtain like effect.

I have a fixed header and controls that are suppose to stay in same position and visible the entire index page viewing and scrolling.

It works correctly with FireFox on desktop, Chrome on desktop, and safari on iPhone5. Weird thing is that the header and controls disappear after the second slide with Safari 6.0.2 on my desktop.

Its really bugging me, I can't figure out why. Please help.

Thanks in advance, hopefully someone can be my lifesaver!

http://www.taggrafx.com/HarrisHousing/index.html

Upvotes: 1

Views: 822

Answers (2)

gutierrezalex
gutierrezalex

Reputation: 828

What worked for me was adding -webkit-transform: translateZ(0); to the .curtains class

Upvotes: 0

Ron
Ron

Reputation: 23466

Adding the -webkit-transform to the fixed element solved the issue for me.

.fixed_element {
   -webkit-transform: translateZ(0);
   position: fixed;
   ....
}

Upvotes: 1

Related Questions