SORU
10 Mayıs 2013, Cuma


bir WordPress kullanmak .() scrollTop; animasyon

Bir düğmeye tıklandığında üstüne gidin sayfası kurdum. Ama ilk deyimi bir ıf sayfanın üst 0 ayarlandı olmasa görürdüm. Eğer 0 değilse üstüne gidin sayfayı ben canlandır.

var body = $("body");
var top = body.scrollTop() // Get position of the body

if(top!=0)
{
  body.animate({scrollTop:0}, '500');
}

Zor kısım şimdi sayfanın en üstüne kaydırılan SONRA bir şeyler canlandırıyor. Bir sonraki düşüncem, sayfa konumunun ne olduğunu öğrenin. Günlük öğrenmek için konsol kullandım.

console.log(top);  // the result was 365

Bu bana üst için kaydırma önce gitmiştim pozisyon sayısı olduğunu tahmin ediyorum 365, bir sonuç verdi.

Benim soru nasıl sayfa 0 kez çalıştıran başka bir animasyon eklemek istiyorum böylece 0, konumunu ayarlamak nasıl?

Teşekkürler!

CEVAP
10 Mayıs 2013, Cuma


Bunu yapmak için, kaydırma animasyon bittikten sonra yürütecek olan animasyon komutu için bir geri arama işlevini ayarlayabilirsiniz.

Örneğin:

var body = $("html, body");
body.stop().animate({scrollTop:0}, '500', 'swing', function() { 
   alert("Finished animating");
});

Bu uyarı kodunu olduğu, daha fazla javascript daha fazla animasyon eklemek için çalıştırabilirsiniz.

Ayrıca, 'swing' hareket hızı ayarlamak için yoktur. Daha fazla bilgi için http://api.jquery.com/animate/ Check out.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Dion Coulls

    Dion Coulls

    16 AĞUSTOS 2006
  • Theodore Leaf

    Theodore Lea

    29 AĞUSTOS 2006
  • whiteboy7thst

    whiteboy7ths

    1 Temmuz 2009