1

この非常に便利な回答 - https://stackoverflow.com/a/10096021/2039935 .

問題は、それが修正されると、div が残りのコンテンツを押し下げなくなるため、その下のコンテンツが明らかに跳ね上がることです。固定に変更された時点で、下のコンテンツに div の高さである上部マージンを追加する必要があるため、下のコンテンツは固定された div の下でスムーズにスクロールし続けます。

ページの先頭に達したときにdivを位置固定に変更するコードは...

$(function(){
var stickerTop = parseInt($('#header-container').offset().top);
$(window).scroll(function() {
$("#header-container").css((parseInt($(window).scrollTop()) + parseInt($("#header-    container").css('margin-top')) > stickerTop) ? {
        position: 'fixed',
        top: '0px'
    } : {
        position: 'relative'
    }); 
});
});//]]>

知っている人には簡単なはずです..

どうもありがとう ！

参考までに、これに対する答えは......

$(function(){
    var stickerTop = parseInt($('#header-container').offset().top);
    $(window).scroll(function() {
        var movelisting = (parseInt($(window).scrollTop()) + parseInt($("#header-    container").css('margin-top')) > stickerTop) ? '200px' : '0px';
        $("#search-listings-container").css("marginTop", movelisting);

        $("#header-container").css((parseInt($(window).scrollTop()) + parseInt($("#header-container").css('margin-top')) > stickerTop) ? {
            position: 'fixed',
            top: '0px'
        } : {
            position: 'relative'
        }); 
    });
});
4

1 に答える 1

0

あなたの問題が何であるかを理解しているかどうかはわかりません。position: relative; で始まる div があることがわかります。そして固定終了。これにより、下の次の div に影響が及びます。$('#id_div').css({'margin-top':'40px'});#header-container に固定位置を割り当てた後、この div に margin-top を配置してみてください。

私は40pxを入れましたが、あなたが信じている高さの値を入れなければなりません.

于 2013-02-14T16:21:21.517 に答える