Bahwa hidup harus menerima, penerimaan yang indah. Bahwa hidup harus mengerti, pengertian yang benar. Bahwa hidup harus memahami, pemahaman yang tulus. Oke pada kesempatan kali ini saya akan berbagi ilmu kepada kalian tentang bagaimana Cara Membuat Fungsi Scroll Top dengan jQuery.
Fungsi ScrollTop ini berfungsi untuk memberikan efek Scroll pada sebuah element yang sudah kita buat pada file HTML kita. Scroll di sebelah kanan pada window browser itu berbeda ya, sama-sama scroll tapi bukan disitu, melainkan scroll pada element yang ingin kita berikan ScrollTop ini teman-teman. Oke berikut Cara Membuat Fungsi Scroll Top dengan jQuery.
Seperti biasa, siapkan file index. html nya.
Lalu, pertama-tama kita hubungkan file HTML kita dengan library jQuery nya.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
Kemudian, isi di bagian <body> tag HTML berikut.
<div style="border:1px solid black;width:100px;height:150px;overflow:auto"> This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text.</div><br> <button>Return the vertical position of the scrollbar</button> <p>Move the scrollbar down and click the button again.</p>
Setelah itu, isi untuk Javascript nya.
<script>
$(document).ready(function(){
$("button").click(function(){
alert($("div").scrollTop() + " px");
});
});
</script>
Bagaimana teman-teman? Cukup mudah bukan?
Sekian untuk tutorial kali ini tentang bagaimana Cara Membuat Fungsi Scroll Top dengan jQuery.
Semoga bermanfaat, terima kasih.