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
|-----------------------|

OR

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

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

Answer 2

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

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

这个代码片段自从......以来一直是我的救主......

运气，希望有所帮助

仅在Safari Mac OS中定位固定CSS

2 个答案: