固定位置在Chrome中未按预期工作

时间:2014-09-01 12:53:48

标签: css google-chrome css-position

我正在为客户建立一个主页,他们希望每个部分都滚动到另一个部分。

除了旋转木马下面的任何面板外,整体上按预期工作。您可以在此处查看页面预览:链接现在不可用。

该页面在Firefox和IE11中按预期工作。这个问题在Chrome和Chrome Canary中非常普遍。

问题是旋转木马下的面板不会固定在视图中并随着页面滚动滚动,不像下面的面板在滚动到顶部时保持锚定在页面顶部。

只有一个面板是位置:由于Chrome在任何给定时间固定多个固定时出现性能问题,因此一次固定。

我很难解决如何解决这个问题并向社区寻求帮助......提前谢谢!

岸堤

1 个答案:

答案 0 :(得分:1)

我的问题的答案很简单。

如果我向-webkit-backface-visibility: hidden;添加.home-panel,则面板的行为符合预期。

部分来自于Position Fixed doesn't work in Chrome

的答案