Modifikasi Tombol Back-to-Top menjadi Auto-Hide

Modifikasi Tombol Back-to-Top menjadi Auto-Hide

Seperti Artikel Yang Sebelumnya Yaitu : Tutorial Blog - Smooth Scroll Back To Top dengan JQuery Dan Tutorial Blog - Smooth Scroll Back To Top dengan JQuery Seseorang pernah menanyakan tentang bagaimana cara membuat tombol smooth scroll back to top yang bisa tersembunyi saat halaman belum digulung, dan saat halaman mulai digulung, tombol tersebut akan muncul. Kita tahu bahwa dasar pembuatan tombol back-to-top adalah dengan cara menganimasikan properti scrollTop menuju 0 seperti ini: $('a#top').click(function() { $('html, body').animate({scrollTop:0}, 1000); return false; }); Lihat Demo Pada dasarnya elemen tombol/navigasi kembali-ke-atas tersebut sudah bisa berfungsi, hanya saja mungkin beberapa dari kalian tidak suka atau merasa terganggu dengan gambar aneh yang selalu melayang-layang di sebelah bawah. Di sini kita akan membuatnya menjadi AutoHide . Sehingga navigasi tersebut hanya akan tampil jika dibutuhkan, sedangkan saat tidak dibutuhkan, maka dia akan bersembu…