Padding으로 고정 위치 지정

Question

사용자가 대상 div로 스크롤하면 광고 단위를 수정하기 위해 jQuery를 사용하고 있습니다. 그러나 고정 된 요소를 왼쪽으로 20 픽셀 이상 이동해야하는 설치 프로그램이 있습니다. 나는 패딩 오른쪽으로 그것을 감싸는 div가있다 : 20px; 하지만 이것은 jquery가 고정 위치 클래스를 추가하자마자 재정의되는 것처럼 보입니다. 고정 위치가 상위 10px 인 경우에만 그 위치를 가질 수 있습니다. 왼쪽 또는 오른쪽으로 고정시키지 않으려 고합니다. 고정되어 있기 때문입니다.

이상한 점은 고정 위치 지정을 사용하는 경우에도 패딩이있는 랩 div가 파이어 폭스에서 잘 작동한다는 것입니다. 그러나 Chrome에서는 패딩이 무시되고 단위가 20 픽셀 이상 이동합니다. 이 요소를 페이지 상단으로 수정하고 x 축에 제 위치에 "고정"하는 방법은 무엇입니까? 두 가지 다른 위치 지정 스타일을 사용할 수 있습니까? (고정 절대?)

편집 : 함께 "adside"라는

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

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

})(jQuery); 

내가 사업부로 styledDiv 포장 시도했다 : 여기

것은 내가 jQuery를 사용하고있다 이 CSS :

: 여기

#adside {padding-right:20px;} 

는 HTML입니다

Answer 1

HTML에 추가 태그가 있습니다. 그것을 제거하고 아무것도하는지보십시오. 나는 그동안 jsfiddle에서 그걸 가지고 놀거야.