Beranda
Blogger

Smooth Scroll Back To Top dengan JQuery

Yandi Mulyadi
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>


About the author

Yandi Mulyadi
Hi, I'm Yandi Mulyadi. IT Analyst who enjoys learning cool tech stuff and sharing it on Website and Youtube.

Posting Komentar

Berkomentarlah di blog ini dengan Etika yang Baik dan Cerdas
✗ Jangan berkomentar yang mengandung SARA atau hal yang NEGATIF lainnya !!
✗ Jangan sampai komentarmu masuk ke dalam SPAM !!
✗ Berkomentarlah yang Masuk di Akal
✗ Usahakan Jangan Menggunakan Kata Kasar
✗ Tolong Jangan Membuat Link Porno dan Sebagainya