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>
Sumber: http://snipplr.com/view/57612/slide-to-top-of-page-jquery
5 Comments:
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 :(
By tes, at Friday, October 26, 2012 at 5:24:00 PM GMT+7
ane tertarik versi yg sebelumnya, krnb lebih sederhana mnurut ane. 0:)
By asem asem, at Saturday, December 29, 2012 at 11:29:00 AM GMT+7
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
By Unknown, at Thursday, December 12, 2013 at 10:19:00 PM GMT+7
Elemen #top-yeah tidak pernah ada. Jadi tombol tersebut juga tidak akan pernah muncul.
By Taufik Nurrohman, at Friday, December 13, 2013 at 9:07:00 PM GMT+7
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
By Ghufroni Sholih, at Friday, November 28, 2014 at 3:09:00 PM GMT+7
Post a Comment
<< Home