0

私は現在、ここで見ることができる私の新しいポートフォリオに取り組んでいます：http: //katharinakoeth.de/neu/ そしてすでに私の問題があります。ご覧のとおり、サブヘッドにjqueryアクションを追加して（javascriptに関しては本当に初心者です）、その位置を継承から固定/スティッキーに変更しました..しかし、変更が発生すると、コンテンツがジャンプアップします。突然のスペース。»「一緒に仕事をするのが好きな人」で最も明白です...小見出しが粘着性になるとすぐに最初の人が突然姿を消します。

スペースを追加したり、別の方法でジャンプを防止したりする方法はありますか？

4

2 に答える 2

0

これらのサブヘッダーをposition：fixedに変更すると、ドキュメントのフローから削除されます。それらにはマージンボトムがあります：75pxは、それが発生したときにフローからも削除されます。

これをmargin-top：75pxに変更して、各サブヘッダーの下のブロックの先頭に移動してみてください。小見出しが位置の値を変更しても「消える」ことはないので、間隔を維持する必要があります。

于 2011-03-27T03:30:47.440 に答える
0

参考までに、fix.jsファイルはおそらく次のようにリファクタリングされる可能性があります。

var $titles = $("header h2");
$(window).scroll(function(){

    var win_top = $(this).scrollTop();
    $titles.each(function(){
        var div_top1 = $(this).offset().top;
        if (win_top > div_top) $(this).addClass('stick')
        else $(this).removeClass('stick');
    });

});
于 2011-03-27T03:50:00.273 に答える