position?:fixed 在 chrome 浏览器上不工作,但在 firefox 中工作正常。
我有一个侧边栏可以停止滚动并固定在顶部。它在 firefox 中运行完美,但在 chrome 中,当我们滚动到侧边栏位置时,侧边栏消失了。
但是相同的代码在另一个站点上工作..我很困惑...
我的html
这是我的javascript,用于将 block 固定在特定高度
var fixmeTop = $('#fixme').offset().top;
jQuery(hàm($) {
function fixDiv() {
var $cache = $('#fixme');
if ($(window).scrollTop() > fixmeTop)
$cache.css({
'position': 'fixed',
'top': '10px',
});
khác
$cache.css({
'position': 'relative',
'top': 'auto'
});
}
$(window).scroll(fixDiv);
fixDiv();
});
CSS
.wraper {float:left;display:block;position:relative; height:auto; border:1px solid #000; width:100%;}
可能不是确切的答案,但我遇到过类似的问题。在其中一个父元素中,我有以下 CSS。一旦删除 position:fixed 就开始在 chrome 中正常工作。
.OuterContainer, .menuSld {-webkit-backface-visibility: hidden;-webkit-perspective: 1000;}
因此,如果您有任何这些样式,请尝试将其删除并检查。
现在回答晚了,但我看到很多人都面临这个问题。
Tôi là một lập trình viên xuất sắc, rất giỏi!