1

私は jquery の初心者で、ページのスクロールダウンが 50 を超えたときに div を画面の上にハングアップさせたいのですが、どうすればこれを達成できますか?

div は常に絶対的であり、固定されないようにしたいと考えています。

http://jsfiddle.net/8UCcY/

$(document).ready(function () {
    $(window).scroll(function () {
          if ($(window).scrollTop() > 50) {
              $(".articlebutton").css("top", "0px"); //I want this value to change dynamically as the scrollbar moves down, so that the div stays on top of screen
          } else {
              $(".articlebutton").css("top", "-50px");
          }
     });
});
4

7 に答える 7

1

-50 であり、50 の後にスクロールが発生するため、位置を上 -100 に設定できます。

$(".articlebutton").css("top", ($(window).scrollTop()-100)+"px");
于 2013-08-28T11:48:40.363 に答える
1

これを試して：

$(document).ready(function () {
    $(window).scroll(function () {
          if ($(window).scrollTop() <= 50) {
              $(".articlebutton").css("top", $(window).scrollTop() - 50); //I want this value to change dynamically as the scrollbar moves down, so that the div stays on top of screen
          } else {
              $(".articlebutton").css("top", $(window).scrollTop() - 100);
          }
     });
});

フィドル

于 2013-08-28T11:50:54.540 に答える
0

その行で次のようなことができます：

$(".articlebutton").css("top", $(window).scrollTop());

または、より良いイベントとして、position: fixed; top: 0;

于 2013-08-28T11:46:37.303 に答える
0

単にposition:fixed;div に a を設定しないのはなぜですか? そうすれば、とにかく常にトップになります。以下のcssを参照してください

 .articlebutton div
 {
      position:fixed;
      top:0;
 }
于 2013-08-28T11:46:40.567 に答える
0

divのプロパティを次のようにします

div{
position : fixed;
top : 0px;
}

それはdivを常に一番上にとどまらせます..ページをどれだけスクロールしても

于 2013-08-28T11:47:38.657 に答える