In jQuery können Sie fadeOut (), ohne das element s real estate? (unsichtbare vs display: none)

Da muss ich fadeIn() ein anderes element der gleichen Größe zurück zu kommen, gibt es eine Möglichkeit, fadeOut() auf das element, so dass der Platz gehalten wird, so dass die anderen Elemente sind nicht neu-floss für ein Bruchteil einer Sekunde und dann die fadeIn() zurück zu bringen ein anderes element mit der gleichen Größe?

InformationsquelleAutor nopole | 2010-06-19
  1. 9

    Zwei Techniken kommen in den Sinn:

    1. Wickeln Sie das element in einem div ist, nimmt die richtige Menge an Speicherplatz.
    2. Verwenden Sie die .animieren Methode zum ändern der Deckkraft des Elements von 100% auf 0%, dann, wenn die animation abgeschlossen ist, tauschen Sie das neue element und wieder verwenden animieren zum ändern der Deckkraft von 0% bis 100%.
    • 3. verwenden fadeTo() 🙂
    • Ionut geben die richtige Antwort +1.
    InformationsquelleAutor ckramer
  2. 2

    mein Vorschlag ist, wickeln Sie es mit div... und setzen Sie die gleiche dimension auf, die div...

    InformationsquelleAutor Reigel
  3. 2

    Halten Sie das element, das Sie möchten, zu verblassen, innerhalb einer festen <div style="display:block;width:300px;height:200px;"> dann, wenn Sie ausblenden, das element im inneren, es wird sich nicht auf das layout überhaupt nicht.

    InformationsquelleAutor Starx
  4. 0

    Ich habe mein eigenes Update. Bevor ich das fadeOut, ich diese Funktion ausführen:

        /**
     * Keep the window height, to avoid user being thrown up (i.e. on fade out, remove, hide, etc)
     */

        function keepHeight() {
            $('body').css('min-height', $(document).height());
        }

    So zum Beispiel:

    /**
 * Keep window height
 */

    keepHeight();

/**
 * Fade out
 */

    $('#someDiv').fadeOut();
    InformationsquelleAutor FooBar
Schreibe einen Kommentar