2013-05-02 34 views
9

Sayfanın en üstüne gitmek istediğiniz sayfanın en altına koymak istiyorum. Ancak kaydırma işleminin animasyonlu bir etki olmasını istiyorum. Bence animasyon kullanmanın mümkün olduğunu düşünüyorum ama nasıl bir fikrim yok?Sayfanın en üstüne gidin jquery animate

Lütfen

Yardım edin. Teşekkür

cevap

33

Bu yol oldukça basit. Sayfanın alt kısmında bir düğme koyun ve İşte bu

$('#spnTop').on("click",function() { 
    $('html, body').animate({ scrollTop: 0 }, 'slow', function() { 
     alert("reached top"); 
    }); 
}); 

gibi bir olay bir şeyler yazmak bu

+1

benim uyarım ("ulaşılan üst"); iki kere çağrılır. Sizler için de aynı mı? – AliBZ

+1

Çift uyarıyla ilgili bu cevabı görün. http://stackoverflow.com/a/9359619/83 –

+0

Bir linkte yaparsanız, muhtemelen bir 'event.preventDefault(); – VDarricau

7

Sen html, body

$('html, body').animate({ 
    scrollTop: "0px" 
}, 800); 

ait scrollTop özelliğini canlandırabilir Sana bu gibi önemsiz soru sormadan bazı araştırma/okuma yapmanızı öneririm. Google, hepimizin yapabilmesinden önce size yardımcı olabilir.

+4

için fiddle Ve Google genellikle cevap taşması Stack işaret ediyor. Tüm sorular/cevaplar, önemsiz veya değil, buraya ait. –