仅在Safari Mac OS中定位固定CSS

Question

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

本质上，有一个div，其css属性为“ position：fixed”，但在Safari Mac OS中滚动（仅）时，标头的某些部分保持固定，而另一些则不固定。 有趣的是，当javascript / jQuery插件引起刷新时，固定标头会恢复到应有的位置。

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

任何建议将不胜感激。

Answer 1

我已经看到该位置：固定修复经常会引起一些跨浏览器的问题。 我发现一种更好的方法是制作标题，然后在其下具有一个可滚动的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                  
| |-------------------| |
|-----------------------|

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

Answer 2

当我遇到此类问题时，请使用以下CSS封装整个“元素”：

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

自从...以来，此代码片段一直是我的救世主。

运气，希望对您有所帮助