1

我目前在一个网站上遇到一个固定的 div 标头问题，该问题仅在带有 Mac OS 的 Safari 中出现。

本质上，有一个 div 的 css 属性为“位置：固定”，但是当在 Safari Mac OS 中滚动时（仅）标题的某些部分保持固定，而另一些则没有。有趣的是，当 javascript/jQuery 插件导致刷新时，固定的标头会快速回到它应该在的位置。

该网站是http://www.v2.ledcentral.com.au/。

任何建议将不胜感激。

4

2 回答 2

2

我已经看到 position:fixed 经常导致一些跨浏览器问题。我发现一个更好的方法是制作标题，然后在它下面有一个 div，它本身是可滚动的（它们不会滚动标题下的东西）。 

|---Browser Viewport----|
| |-------------------| ^
| | Title Bar Content | |
| | fixed position    | |
| | can change v-size | |
| |-------------------| |
|                       |
| Main Content          |
| which                 |
| runs                  |
| off                   |
| the                   |
| screen below          v
|-----------------------|

或者

|---Browser Viewport----|
|                       |
|  Title Bar Content    |
|  fixed position       |
|  but can change size  |
| |-------------------| |
| |Main Content       ^ |
| |which              | |
| |runs               | |
| |out of             | |
| |this div, below    v                  
| |-------------------| |
|-----------------------|

我希望这能解释我在说什么

于 2013-04-16T01:57:04.330 回答
0

当我遇到这种问题时，我用这个 CSS 包装整个“元素/s”：

.wrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
}

这段代码片段长期以来一直是我的救世主......

运气，希望对你有帮助

于 2013-04-16T01:55:43.747 回答