javascript - 在JQuery中滚动到时，元素会向下滑动

我想让opacity：0元素在视口中向下滑动。我目前能够在滚动到它时使其淡入，因为jquery代码起作用的先决条件是将不透明度设置为0。
https://jsfiddle.net/agreyfield91/5c0raLp9/

在我的jfiddle中，我正在尝试执行以下操作：

$("#SlideDownOnScroll").css(
            "opacity": "1";
            "display":"none").slideDown("fast");

为了首先将显示方面转换为slideDown，但它不起作用。有没有更好的方法可以实现我正在做的事情，或者可以解决它？

最佳答案

看起来css参数的语法不正确：

$("#SlideDownOnScroll").css({
        "opacity": "1",
        "display":"none"
  }).slideDown("fast");

在链接的小提琴中，jQuery选择器缺少选择器中的#。 $("#SlideDownOnScroll")