Curtain.js + Jquery + HTML5 - Header&第二次滑动后控件消失

时间:2013-02-06 15:26:32

标签: jquery html5 header safari

任何人都可以帮助我使用我的第一个HTML5和Jquery网站吗?

我正在使用这个curtain.js,它允许我有一个分层的固定幻灯片,一次显示一张幻灯片,带有类似幕布的效果。

我有一个固定的标题和控件,假设它们保持在同一位置,并且可以看到和滚动整个索引页面。

它适用于桌面上的FireFox,桌面上的Chrome和iPhone5上的Safari。奇怪的是,在桌面上使用Safari 6.0.2进行第二次幻灯片后,标题和控件会消失。

它真的让我烦恼,我无法弄明白为什么。请帮忙。

提前致谢,希望有人可以成为我的救星!

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

2 个答案:

答案 0 :(得分:1)

将-webkit-transform添加到fixed元素为我解决了这个问题。

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

答案 1 :(得分:0)

对我有用的是添加-webkit-transform:translateZ(0);到.curtains班