位置：固定不能在 chrome 上工作，但在 Firefox 上工作答案

【问题标题】：position:fixed not working on chrome but works in firefox位置：固定不能在 chrome 上工作，但在 Firefox 上工作
【发布时间】：2015-02-10 09:59:37
【问题描述】：

position?:fixed 在 chrome 浏览器上不工作，但在 firefox 上工作正常。

我有一个侧边栏，可以停止滚动并停留在顶部。它在 Firefox 中完美运行，但在 chrome 中，当我们滚动到侧边栏位置时，侧边栏会消失。

但是相同的代码在另一个网站上也可以使用。我很困惑...

我的html

<div class="wraper">
<div id="fixme">
<img src="example.com/images/ps14_homepage.jpg" style="width:100%;" alt="ad image">
</div>
</div>

这是我的 javascript 来将块固定在某个高度

var fixmeTop = $('#fixme').offset().top;
jQuery(function($) {
  function fixDiv() {
    var $cache = $('#fixme');
    if ($(window).scrollTop() > fixmeTop)
      $cache.css({
        'position': 'fixed',
        'top': '10px',
      });
    else
      $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 转换 - stackoverflow.com/a/20830413/703717
你可以为你的问题创建一个 jsfiddle，我尝试在这里创建它（这可能不是实际的）jsfiddle.net/6nb5ubak/1 并且它在 chrome 中也可以正常工作
我完全疯了......当我把它放在另一个网站上时，同样的代码可以工作......但我现在意识到我的问题不仅仅是这个代码。但无论我使用“位置：固定”，它都会失败。在我的特定站点中，“位置：固定”除了 Firefox 浏览器之外根本不工作。无论我在哪里使用 position:fixed 它都不起作用......我的 CSS 中是否也有像 js 冲突这样的冲突机会？？？

标签： html css css-position fixed

【解决方案1】：

可能不是确切的答案，但我有类似的问题。在其中一个父元素中，我有以下 css。一旦删除位置：fixed 开始在 chrome 中正常工作。

.OuterContainer, .menuSld {-webkit-backface-visibility: hidden;-webkit-perspective: 1000;}

因此，如果您有任何这些样式，请尝试将其删除并检查。

回答晚了，但我看到很多人都面临这个问题。

【讨论】：