Question

位置？：修复了不能在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%;}

Answer 1

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

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

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

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

位置：修复不工作在chrome但在Firefox中工作

1 个答案: