2011-11-06 14 views
12

Bir Div a top:275'u canlandırmaya çalışıyorum.jQuery Animate top (Aşağıdan yukarıya doğru)

'u denedim, ancak her ekranda farklı bir konuma gider. . .

Bu nedenle, marginTop değerini .animate({top: 275} olarak değiştirdim, ancak div, aşağıdan yukarıya doğru (slidedown) geliyor. Bu nedenle, animate:top'u kullanabildiğim için, animeyi sırasında div'u position:absolute'a ayarladım. . .

Üst kısım aşağıdan yukarıya gelmek veya kenar boşluğunu her ekran çözünürlüğünde üstte aynı mesafeye getirmek için herhangi bir hackyway var mı? (Ben margintop çözülemez çünkü üst bir noktada almak için marj üst-820 için ayarlama üst: 275, bu yüzden 1200px yükseklikten daha küçük ekranlar, div çok daha yüksek gidecek ...)

İşte benim kodum:

$("#features").fadeIn() 
      .css({ 
       position: 'absolute' 
      }).animate({ 
       top: '275' 
      }, function() { //callback }); 

cevap

29

Ah Bulundu !!

$("#features").fadeIn() 
.css({top:1000,position:'absolute'}) 
.animate({top:275}, 800, function() { 
    //callback 
}); 

Böylece temelde 1000, daha sonra kalmış 275 için animasyonlu çok ...

+1

1 fanks sona beastie de css gelen üst kurdum! Diyaloğuma, slideDown() için farklı bir şekilde aşağı kaydırmaya ihtiyacım vardı. Kullanılan: \t \t 'var height = $ dialog.outerHeight(); \t \t $ dialogPane.show() \t \t \t Css ({en: boy * -1}) \t \t \t .animate ({En: -1}, 400, fonksiyon() { \t \t \t \t // geri arama \t \t \t}); ' – Evildonald

İlgili konular