Wednesday, January 18, 2012

Smooth Scroll Back To Top dengan jQuery

Smooth Scroll Back To Top dengan jQuery

Ternyata ada cara yang jauh lebih praktis dibandingkan dengan pembuatan smooth scroll back to top dengan jQuery yang pernah Saya tuliskan di sini:

<a onclick="jQuery('html, body').animate({scrollTop:0}, 'slow');" href="javascript:void(0);">Back to top!</a>

Atau untuk versi tidak langsungnya kira-kira seperti ini:

jQuery

$(function() {
    $('#top').click(function() {
        $('html, body').animate({scrollTop:0}, 'slow');
        return false;
    });
});

HTML

<a id="top" href="#">Back to top!</a>

Lihat Demo


Sumber: http://snipplr.com/view/57612/slide-to-top-of-page-jquery

Labels: ,

5 Comments:

At Friday, October 26, 2012 at 5:24:00 PM GMT+7, Blogger tes said...

maaf gan , pertanyaan saya kali ini agak ngak nyambung , saya mau bertanya apakah sekarang kode jquery tertentu tidak support dengan perambaan mozilla dan google , contoh saja widget panel slide , recent post dengan banyak pilihan dll :(

 
At Saturday, December 29, 2012 at 11:29:00 AM GMT+7, Blogger asem asem said...

ane tertarik versi yg sebelumnya, krnb lebih sederhana mnurut ane. 0:)

 
At Thursday, December 12, 2013 at 10:19:00 PM GMT+7, Blogger Unknown said...

saya sudah menerapkan cara ini, tapi jquery nya tidak berfungsi pada halaman yg blm ada komentarnya ?, coba dilihat dibawah pesan formulir komentar, untuk lebih jelasnya buka ini sob: http://yoga-tc.blogspot.com/2013/12/download-ebook-tutorial-microsoft-office-word-2007-gratis-terbaru-2014-lengkap.html balas ya mas, PENTING

 
At Friday, December 13, 2013 at 9:07:00 PM GMT+7, Blogger Taufik Nurrohman said...

Elemen #top-yeah tidak pernah ada. Jadi tombol tersebut juga tidak akan pernah muncul.

 
At Friday, November 28, 2014 at 3:09:00 PM GMT+7, Blogger Ghufroni Sholih said...

mas , jika saya mau membuat satu tombol back to top menjadi 2 fungsi (to top dan to down) , namun hanya menggunakan 1 event yaitu onclick atau click saja (bukan click dan dblclick) , bisa apa ga mas ? misalnya dengan memanfaatkan posisi window gitu, kalau bisa minta scriptnya mas hehe oiya tombolnya fixed mas :D

 

Post a Comment

<< Home