浮動兩個父母的div中的對面兩個類

我正在做一個網站，我有兩個廣告在父母的div內左右浮動。這工作真的很好，直到我把jQuery的固定滾動時，他們的立場。左邊的對象就像它應該那樣工作，但是正確的對象在滾動時突然開始左移。我在做什麼錯？浮動兩個父母的div中的對面兩個類

HTML：

<div id="wrapper"> 
<div class="left_ad"></div> 
<div class="right_ad"></div> 
</div>

CSS：

#wrapper{ 
    width:100%; 
    height: 100%; 
    margin: 0px auto; 
    display: inline-block; 
} 
.left_ad{ 
    width: 135px; 
    height: 500px; 
    background-color: gray; 
    display: inline-block; 
} 
.right_ad{ 
    width: 135px; 
    height: 500px; 
    background-color: gray; 
    display: inline-block; 
    float: right; 
}

的jQuery（X2，我用.right_ad相同的代碼以及）：

<script> 
var fixmeTop = $('.left_ad').offset().top; 
$(window).scroll(function() { 
var currentScroll = $(window).scrollTop(); 
if (currentScroll >= fixmeTop) { 
    $('.left_ad').css({ 
     position: 'fixed', 
     top: '0', 
     left: '0' 
    }); 
} else { 
    $('.left_ad').css({ 
     position: 'static' 
    }); 
} 
}); 
</script>

來源

2015-04-01 user2820024

如果您使用的相同右邊的代碼，你是否記得改變左邊：'0'？

來源

2015-04-01 19:46:27

只要創建爲.right_ad的if statement過，並使用此：

$('.right_ad').css({ 
    position: 'fixed', 
    top: '0', 
    right: '0' 
});

注意，right : '0'

來源

2015-04-01 21:41:25 sabist

浮動兩個父母的div中的對面兩個類

回答

相關問題