位置:已修复无法在Google Chrome中使用

Question

我在使用Google Chrome中的"固定"元素时遇到了一些问题.该元素在其他主流浏览器中的行为应该如此.

这是CSS:

#element { 
    position: fixed; 
    bottom: 0px; 
    width: 100%; 
    height: 50px; 
    z-index: 10;
}

问题是,当页面加载时,元素固定在视口的底部,应该是这样.在滚动时,它仍然保持在页面加载时的相同位置 - 它不会保持固定在屏幕的底部.

Answer 1

尝试将以下代码添加到您的元素:

-webkit-transform: translateZ(0);

Answer 2

我有一个属性:-webkit-perspective:800;在身体标签上.我删除了这个并且固定定位再次开始工作......模糊不清,但值得一看.