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

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

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

任何建议将不胜感激。

===============>>#1 票数:2

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

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

===============>>#2 票数:0 已采纳

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

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

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

运气,希望对您有所帮助

  ask by Bernarzinho translate from so

未解决问题?本站智能推荐: