javascript - スクロールダウン時にトップブラウザの固定モードでdivを作成する

Question

ページの上部ではなく、中央に div 要素があります。下にスクロールすると、ブラウザの上部に固定されるようにしたいと思います。どうすればそれを達成できますか？特にそのためのイベント。ありがとう。

score 0 · Accepted Answer

あなたはこのように書くことができます：

$(window).scroll(function(){
    var scrollTop = $(window).scrollTop(); 
    if(scrollTop>150){
        $('.middle').css({'position': 'fixed', 'top': '0'});
    }
});

これをチェックしてくださいhttp://jsfiddle.net/7ymuD/

score 0 · Accepted Answer

あなたはそのようなことをすることができます

デモhttp://jsfiddle.net/C3AmC/

スクロールしたい位置を指定します。

注：それが最善のアプローチかどうかはわかりませんが

score 0 · Accepted Answer

あなたはこれが好きだと追加することができます

 .notification-box {
      position: fixed;
       top:20px;
       right:20px;
       width:300px;
           border-radius: 8px 8px 8px 8px;
           z-index:99;
       }

score 0 · Accepted Answer

$(document).ready(function() {
    $(window).scroll(function() {
      // write code to move the div.
     var top = $("#mydiv").offset().top;
     var left = $("#mydiv").offset().left;
    });
});

score 0 · Accepted Answer

そのdivのCSSクラスを作成する必要があり、そのクラスでは次のようなcssプロパティを使用する必要があります

position:fixed
top:0;
left:0

score 0 · Accepted Answer

0

使用位置：固定、CSS作品です

于 2012-06-14T06:03:32.817 に答える

javascript - スクロールダウン時にトップブラウザの固定モードでdivを作成する

6 に答える 6

Related

Reference