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

位置？：固定不在鉻瀏覽器上工作，但它在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

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

回答

相關問題