Kann jQuery nicht finden, wenn in ViewPort zu arbeiten

Ich weiß die Frage, wie zu finden, wenn ein Element im Viewport mit jQuery ist bereits beantwortet wurde, aber ich habe Probleme, es für mich zu arbeiten. Die jQuery-Code, die ich auf anderen Antworten basieren bin mit ist:Kann jQuery nicht finden, wenn in ViewPort zu arbeiten

Html:

<div class="basic-box1"> 
    <p class="how-p1">Text text text</p> 
</div>

CSS:

.basic-box1 { 
    background-color: antiquewhite; 
    border: solid; 
    border-width: 2px; 
    padding: 40px; 
    margin: auto; 
    width: 50%; 
    margin-bottom: 700px; 
    margin-top: 800px; 
}

Ich fühle mich wie ich offensichtlich etwas fehlen muss. Ich habe fast alles, was ich weiß, ausprobiert und kann es nicht zum Laufen bringen. Jede Hilfe würde sehr geschätzt werden. Wenn es helfen würde, es auf meiner Website zu sehen, ist es bei http://www.claywhaley.com

Quelle

2017-06-05 Clay Whaley

was ist #element? –

Ok, was für ein anderes Problem hast du? –

Nun, ich habe es einfach so auf meiner Seite, aber es gibt keine Wirkung. Ich versuche, einen Einblendeffekt zu erzeugen, da die Box in das Ansichtsfenster kommt, aber nicht funktioniert. –

Ihre Website-Konsole hat einen Fehler $ is not a function coz von WordPress. Bitte werfen Sie einen Blick here

Quelle

2017-06-05 03:20:38

Danke für die Antwort. Ich habe es funktioniert, aber es sieht aus wie die Box verblasst, bevor es tatsächlich in das Ansichtsfenster ist. Wenn ich den Bildschirm lade, wo die Box ist, ist sie versteckt, dann scrolle ich und blende sie ein. Ich weiß, dass es funktioniert, aber es passiert einfach, bevor ich zu der Stelle scrolle, wo die Box ist. Irgendwelche Gedanken darüber, wie das zu beheben ist? Es ist der gleiche Code wie oben. –

können Sie Live-Beispiel zeigen? –

können Sie es unter http://www.claywhaley.com/ sehen. Es ist die erste Box nach "wie es funktioniert" –

Kann jQuery nicht finden, wenn in ViewPort zu arbeiten

Antwort

Verwandte Themen