位置：固定不在铬上工作，但在火狐工作

位置？：固定不在铬浏览器上工作，但它在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%;}

来源

2015-02-10 Lois

那么你的代码在哪里试过 – Benjamin 2015-02-10 10:00:19

我编辑过这些问题。谢谢 – Lois 2015-02-10 11:30:42

我有一种感觉，你在你的代码中使用css变换 - http://stackoverflow.com/a/20830413/703717 – Danield 2015-02-10 11:33:45

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

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

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

回答迟到了，但我看到很多人都在面对这个问题。

来源

2016-05-19 03:20:10

位置：固定不在铬上工作，但在火狐工作

回答

相关问题