Question

我有一个问题，画廊位置：固定;并且网站内容正在滚动它。除了在Windows 7上的Safari之外，这个位置在每个浏览器中都有效（是的，它甚至在IE8和Mac上的Safari中也有效）。

Top已定义，但它仍然充当位置相对位置并向下滚动其余内容。

Answer 1

解决方案是在该位置定义z-index：fixed;元件。出于某种原因只在Windows Safari上的位置：固定;在定义任何z-index之前不起作用。

后来，我发现这个bug可能是由-webkit-transform属性导致的，页面上有一些固定元素。

另外，我发现在固定元素上设置它可能会有所帮助：

-webkit-transform: translateZ(0);

Answer 2

我不知道这是否会对任何人有所帮助 - 但是我在twitter bootstrap V3.2.0中的下拉菜单对齐到页面左侧时遇到了这个问题（实际上是一个填充宽度的水平子菜单的页面）。它似乎只在safari（桌面和iPhone）失败。经过几个小时的狩猎后，我发现bootstrap 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线阻止了这个位置：为我工作而修复......一旦我删除了那些一切都是金色的。

修复的位置无法在Windows Safari上运行

2 个答案: