0

スクロールtop と同時にプロパティの値を変更したい。使いたくないposition: fixed。私は使用しますposition: absolute。

下にスクロールするたびに追加1pxしたいと思います。box

上にスクロールするたびに削除1pxしたいと思います。box

どうやってするか ？

<div id="box" style="position: absolute">
   // content
</div>

$(document).bind('scroll', function(){ 
    $("#box").css("top", ..... ); 
});
4

2 に答える 2

1

あなたはこれを行うことができます、

$(window).on('scroll', function(){
  change_box_css();
});

function change_box_css(){
 //FF
 $('#box').bind('DOMMouseScroll', function(e){
 if(e.detail > 0) {
     //scroll down -> set css top
 }else {
     //scroll up   -> set css top
 }

 });

  //IE, Opera, Safari
 $('#box').bind('mousewheel', function(e){
 if(e.wheelDelta < 0) {
     //scroll down -> set css top

 }else {
     //scroll up -> set css top

 }

 });

 }

希望に応じてCSSトップを設定する必要があります

于 2012-12-27T09:11:09.877 に答える
0

あなたが使用することができます：

$(document).ready(function(){

    $("#box").on('scroll', function(){

          $(this).css('top',$(document).scrollTop());
    });
});

を使用する必要があることに同意しますがposition: fixed、サイドバーなどのように、ユーザーがページをスクロールするときにdivをユーザーに「フォロー」させようとしている場合を除きます。

于 2012-12-27T09:08:43.960 に答える