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

  • Benjamin Heckendorn

    Benjamin Hec

    4 Mayıs 2008
  • TopOfTheTech

    TopOfTheTech

    5 NİSAN 2010
  • Warner Bros. UK

    Warner Bros.

    6 HAZİRAN 2008