Javascript 为什么fadein不删除CSS中的显示无？

所以我试图让一个div在达到滚动阈值时淡入。它以显示开始：无；在css中输入其div id。当达到阈值时，fadein不会删除显示：无；就像我读过的css一样

CSS:

Javascript:

$(window).scroll(function () {
  var delay = 500;
  var scrollTop = $(window).scrollTop();
  if (scrollTop > 20) {
    $('#SideBanner01').fadeIn(delay);
  }
  else{
    $('#SideBanner01').hide();
  }
});

fadein运行后的检查员：

element {
    position: fixed;
}
#SideBanner01 {
    display: none;
    right: 0;
    margin-left: 60.4%;
    margin-right: 3%;
    margin-top: .25%;
    overflow: hidden;
}
body {
    color: #000000;
    text-align: left;
}

Html:

我使用的是jQuery1.6，所以我相信fadein应该在我尝试的过程中工作。知道发生了什么事吗？我已经能够让“$（'#SideBanner01'）.show（delay）；”工作，但它从侧面飞进来，但看起来很俗气。提前谢谢。

你不是想做：

$(window).scroll(function () {
  var delay = 500;
  if ($(this).scrollTop() > 20) {
    $('#SideBanner01').fadeIn(delay);
  }
  else{
    $('#SideBanner01').hide();
  }
}); 

在代码段中，

scrollTop

用作常规变量（未定义）

你不是想做：

$(window).scroll(function () {
  var delay = 500;
  if ($(this).scrollTop() > 20) {
    $('#SideBanner01').fadeIn(delay);
  }
  else{
    $('#SideBanner01').hide();
  }
}); 

---

在代码段中，

scrollTop

用作常规变量（未定义）

您是否看到任何控制台错误？jqery对.css文件或

块不做任何操作。它会更改元素的

样式

属性。您是否看到任何控制台错误？jqery不会对.css文件或

块执行任何操作。它更改元素的

样式

属性。

$(window).scroll(function () {
  var delay = 500;
  if ($(this).scrollTop() > 20) {
    $('#SideBanner01').fadeIn(delay);
  }
  else{
    $('#SideBanner01').hide();
  }
});