Eylem kaydırıcısından sonra div yüksekliği nasıl alınır veya kaydırılır? Burada

Question

Kodu: o slider down/up eylemini bitince jsfiddle Demo

İstiyorum div#content yüksekliği elde etmek.

Örneğin, demo, bazı kelimeleri yazın, onlar div yüksekliği 36px yapmak, bu yüzden slider down tıklarsanız, ben değerini 36 almak gerekiyor ve ben slider up tıklarsanız, ben değerini 0 dönmek gerekir. Teşekkürler.

Sonra

Answer 1

ama slideDown veya slideUp arasında geri arama işlevi, örneğin gibi: iki durumda da size aynı yüksekliğe 38 verecek

$('#content').slideDown('slow', function(){ 
     var height = $(this).height(); 
    }); 

Demo

Bildirim ove slideUp, iki işlevi , div, ancak yalnızca yükseklik özelliğini değiştirmeyin none'dan block'a kadar display proprty, böylece div #content'un height özelliği, daha önce olduğu kadar aşağı kaydırıldıktan sonra aynıdır.

Answer 2

Bunun eski bir iş parçacığı olduğunu biliyorum, ancak önce bunu aradığımda ortaya çıktı, böylece başkalarının da buraya ineceğini farz ediyorum.

Geridönüşümü kullanmak, animasyon tamamlandıktan sonra değere ihtiyacım olursa ne yaparsam yaparım, ancak kullanımım sırasında, animasyondan önce yüksekliğe ihtiyacım vardı, böylece başka bir öğeyi aynı yüksekliğe genişletebilirim. JavaScript tek dişli olduğundan, göstermek/gizlemek

//Get height (start and end) 
var startHeight = $el.height(); 
$el.show(); 
var endHeight = $el.height(); 
$el.hide(); 

/**Do something useful with the height here**/ 
$el2.animate({height: endHeight}); 

//Slide the element down 
$el.slideDown(); 

hale asla: Bunun için, aşağıdaki yaptı.