позиция: исправлено не работает на хром, но работает в firefox

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;} 

Итак, если у вас есть какие-либо из этих стилей, попробуйте удалить их и проверить.

Поздно, но я видел, как многие люди сталкиваются с этим.