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

  • Charles Renaud

    Charles Rena

    10 Kasım 2007
  • FullMag

    FullMag

    15 ŞUBAT 2007
  • Project Mooncircle

    Project Moon

    6 Aralık 2009