Фиксированное позиционирование с прокладкой

Question

Я использую jQuery для фиксации рекламного блока, когда пользователь прокручивается до целевого div. Однако у меня есть настройка, где мне нужен фиксированный элемент для перемещения по 20 пикселей влево. У меня есть div, который обертывает его прописью справа: 20px; но это, похоже, отменяется, как только jquery добавляет класс фиксированной позиции. У меня есть только там, где фиксированная позиция - топ 10px. Я не хочу, чтобы это исправлялось влево или вправо, потому что я хочу, чтобы он был заблокирован.

Странно то, что оберточный div с дополнением работает отлично для меня в firefox даже при фиксированном позиционировании. Однако в Chrome прокладка игнорируется, а блок сдвигается на 20 пикселей. Как я могу исправить этот элемент в верхней части страницы и «зафиксировать его» на месте оси x? Можно ли использовать два разных стиля позиционирования? (Фиксированный и абсолютное?)

Edit:

Вот это JQuery Я использую:

;(function($){ 
$(window).scroll(function() { 
var styledDiv = $('#styledDiv'), 
    targetScroll = $('#float').position().top, 
    currentScroll = $('html').scrollTop() || $('body').scrollTop(); 

styledDiv.toggleClass('fixedPos', currentScroll >= targetScroll); 
}); 

})(jQuery); 

и я попытался обертывание styledDiv с DIV я назвал "adside" с это CSS:

#adside {padding-right:20px;} 

Вот HTML:

<div id="float"></div> 
<script src="http://takemydough.com/wp-content/themes/iloveit/js/smartbanner.js"  type="text/javascript"></script> 
<div id="adside"> 
<div id="styledDiv"> 
AD CODE 
</div> 
</div> 
</div> 

Answer 1

У вас есть дополнительный тег в вашем HTML. Попробуйте удалить это и посмотреть, не делает ли он что-либо. Тем временем я буду играть с ним в jsfiddle.