Lassen Element durchlaufen, wenn in JQuery gescrollt

Question

Ich möchte eine Opazität: 0 Element rutschen nach unten, wenn es im Ansichtsfenster ist. Ich bin derzeit in der Lage, es zu haben in verblassen, wenn es um gescrollt wird, weil die Voraussetzung für den jQuery-Code zu arbeiten ist die Opazität als 0. https://jsfiddle.net/agreyfield91/5c0raLp9/

In meinem jfiddle zu haben, ich versuche, dies zu tun :

Um zuerst den Bildschirm Aspekt zu SlideDown konvertieren, aber es funktioniert nicht. Gibt es einen besseren Weg, um zu erreichen, was ich tue, oder eine Möglichkeit, es zu beheben?

Answer 1

Es ist wie das CSS-Argument sieht hat falsche Syntax:

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

In der Geige Sie den jQuery-Selektor verbunden ist, die # im Selektor fehlt. $("#SlideDownOnScroll")