1

ウィンドウをスクロールするときにdivを下にスクロールしたいのですが、ウィンドウの解像度を変更すると位置がずれます

これは私のコードです

$(document).ready(function() {  
    var stickyNavTop = $('#sticker').offset().top; 
    var stickyNav = function() { 
        var scrollTop = $(window).scrollTop();  
        if (scrollTop > stickyNavTop) {   
            $('#sticker').addClass('effect');  
        } else {  
            $('#sticker').removeClass('effect');   
        }  
    };
});

// css ファイル内

.effect
{
    position: fixed;  
    width: 100%;  
    left: 783px;  
    top: 0px;  
}
4

3 に答える 3

4

基本的に画面解像度に依存しないものは位置固定

あなたが持っている場合

<div class="asd"></div>

そして、この div css を修正したい:

.asd{position:fixed; top:0;}

あなたの場合、忘れているかもしれません。あなたのCSSで。「。」クラスを定義する

.effect
{
position: fixed;  
    width: 100%;  
    left: 783px;  
    top: 0px;  

 }
于 2013-07-11T06:09:33.947 に答える
1

この効果をお探しですか？

jQuery を使用したマッシャブル フローティング エフェクトの例

于 2013-07-11T07:00:21.160 に答える