Wie man Text in scroll in HTML erscheinen lässt

8

Hallo, ich möchte, dass ein bestimmter Text angezeigt wird, wenn ich daran vorbei blättern kann oder wenn ich bis zu dem Punkt scrolle, an dem sich der Text befindet. Der Effekt sollte beim Erscheinen so aussehen wie der erste Effekt oben auf der Website Ссылка .

Ich möchte den Effekt in minimalem Code mit reinem CSS und JS, d. h. ohne jQuery.

Ich dachte, dass ich vielleicht etwas wie eine display:none -Eigenschaft für einen Bereich verwenden würde und wenn Sie dann daran vorbei scrollen, wird display block , aber ich weiß nicht, wie ich den Effekt mit Javascript auslösen kann. Jede Hilfe wäre willkommen.

    
user2906766 01.12.2013, 01:01
quelle

4 Antworten

6

Umbrechen Sie zuerst, was auch immer Ihr Text oder Inhalt, den Sie anzeigen möchten, in einem Div blättern, so dass Sie das div anzeigen können, abhängig von der Rolle. Schreibe zwei Klassen für dein Ziel-Div.

Ihr CSS:

%Vor%

Ihr HTML:

%Vor%

Ihr Skript:

%Vor%

Ich hoffe, es wird Ihr Problem lösen.

    
Saurabh Palatkar 01.12.2013 03:51
quelle
4

Ich würde dieses Plugin empfehlen

Ссылка

Bearbeiten:

Ich weiß nicht, wie niemand bemerkt hat, dass die Lösung ohne externe Bibliotheken wie jQuery erstellt werden musste. Die Lösung ist jedoch extrem einfach mit grundlegenden Funktionen. Hier finden Sie hier

HTML:

%Vor%

CSS:

%Vor%

JS:

%Vor%     
ProllyGeek 01.12.2013 01:15
quelle
0

Ich mag das:

%Vor%

Ich habe das linke Zeug dort gelassen, nur für den Fall, aber Sie können es wahrscheinlich entfernen.

    
PHPglue 01.12.2013 01:49
quelle
0
%Vor%     
Ricardo 03.11.2014 20:50
quelle