javascript - スクロール可能な div が特定の高さに達したときに画像を非表示にするにはどうすればよいですか?

Question

上に矢印があり、下に矢印があるスクロール可能な div があります。私がやろうとしているのは、div が特定の高さに達した後に上の矢印を表示することです。

ここに私が持っているコードがあります...

$("#scrolldivup").hide();
$(.section).scroll(function(){
          if($(.section).scrollTop()>1){
                $("#scrolldivup").fadeIn();
             }
             else
             {
                $("#scrolldivup").fadeOut();
             }
    });

「.section」はスクロール可能な div なので、1 ピクセル以上スクロールするとすぐに「#scrolldivup」が表示されますが、これはアンカー タグです。

私のコードがどのように間違っているか誰にもわかりますか?

Answer 1

これを試して

$("#testdiv").hide();
 $(".section").scroll(function(){
      if($(".section").scrollTop()>1){
            $("#scrolldivup").fadeIn();
         }
         else
         {
            $("#scrolldivup").fadeOut();
         }
 });

Answer 2

$(.section) する必要があります $('.section')