11
ho questo piccolo effetto jQuery slideDown http://jsfiddle.net/Gg4eP/2/jQuery slideDown non è liscia
Ma l'animazione non è liscia? Cosa sto facendo di sbagliato?
Grazie per il vostro tempo.
A
risposta
20
È sufficiente aggiungere la larghezza a ogni div espandibile.
Per spiegare:
jQuery non conosce le dimensioni del vostro div nascosto fino a quando è visualizzato. Quindi, quando viene cliccato, in realtà lo tira fuori posizione per misurarlo prima di sostituirlo rapidamente. Questo ha spesso l'effetto collaterale di causare un po 'di nervosismo. L'impostazione della larghezza sull'elemento impedisce a jQuery di tirarlo fuori posizione.
+0
Sì, funziona perfettamente :) grazie per la spiegazione :) – user13746
+0
È necessario concordare che l'impostazione '.tab_content' su' width: 400px' funziona, ma la spiegazione è nel migliore dei casi incompleta e forse errata. Prova a impostare '.tab_content' su' width: 200px' e il jumpiness ritorna. La spiegazione fornita non lo predirebbe, quindi perché? –
+0
Larghezza corretta. Larghezza non arbitraria. –
0
Alcuni browser non amano particolarmente il testo che viene automaticamente avvolto durante l'animazione e diventa un po 'a scatti quando tenta di calcolare l'altezza dell'elemento.
Provare a formattare il testo per adattarlo all'elemento e vedere se questo aiuta.
L'ho effettivamente fatto per te, controlla se questo FIDDLE lo risolve?
Probabilmente avrebbe funzionato anche per dare agli elementi slittati un'altezza fissa?
Cosa intendevi per non regolare? Penso che funzioni perfettamente. –
Puntelli a te sull'eleganza di questo copione! – deewilcox