位置已修复,不适用于Windows Safari

我有一个画廊的问题是位置:固定; 并且网站内容正在滚动。 除了在Windows 7上的Safari浏览器,这个位置固定在每一个浏览器(是的,它甚至在IE8和Mac上的Safari)。

顶部是定义,但它仍然作为一个位置的相对和向下滚动的内容的其余部分。

解决的办法是在该位置定义z-索引:fixed; 元件。 出于某种原因,只有在Windows Safari位置:fixed; 直到任何z-索引被定义之后才工作。

后来,我发现这个bug可能是由页面上某些固定元素所具有的-webkit-transform属性引起的。

另外,我发现在这个固定的元素上设置它可能会有所帮助:

-webkit-transform: translateZ(0); 

我不知道这是否会帮助任何人 – 但我有这样的问题做一个下拉菜单在twitter引导V3.2.0对齐页面的左侧(实际上是一个水平的子菜单,填补了页面的宽度)。 它似乎只在safari(桌面和iphone)失败。 经过几个小时的狩猎之后,我发现引导程序V3.1.0工作,并追溯到这个差异

 .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 

具体来说,底部的三条translate3d线阻止了这个位置:固定不能为我工作。