jquery .hide (). fadeIn ()

9

Das ist mein Code:

%Vor%

Das Problem ist, dass wenn die Seite geladen ist, die Seite "springt", weil die .hide () .. gibt es eine andere Möglichkeit, dies zu tun?

    
Mackelito 26.01.2012, 11:28
quelle

4 Antworten

19

Sie können stattdessen die Deckkraft verwenden, wenn Sie die Abmessungen des Elements beibehalten möchten:

%Vor%     
Steve O 26.01.2012, 11:35
quelle
4

Ausblenden mit CSS und dann bei Bedarf einblenden:

css:

%Vor%

JavaScript

$('.items').html(response).fadeIn();

    
ManseUK 26.01.2012 11:33
quelle
1

Dies ist eine sauberere Lösung, da ein Blink-Effekt des zuerst hinzugefügten Elements vermieden wird und die Deckkraft dann schnell auf 0 gesetzt wird.

Auf diese Weise erhält das Element bereits eine Deckkraft von 0.

%Vor%     
Jared Brown 02.02.2013 19:51
quelle
0

Wenn Sie einen reibungslosen Übergang zwischen bestehenden und neuen Inhalten anzeigen möchten, versuchen Sie Folgendes:

%Vor%     
Goran Mottram 26.01.2012 11:39
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Google Maps wird nach ProGuard Obfuscation in Eclipse nicht geladen