Cara Membuat Fungsi Scroll Top dengan jQuery
Bahwa hidup mesti menerima, penerimaan yang indah. Bahwa hidup mesti paham, pengertian yang benar. Bahwa hidup mesti memahami, pemahaman yang tulus. Oke di kesempatan kali ini saya akan berbagi ilmu kepada kalian mengenai bagaimana Cara Merancang Guna Scroll Top dengan jQuery.
Guna ScrollTop ini berfungsi bagi memberikan efek Scroll di sebuah element yang telah kita bikin di file HTML kita. Scroll di sebelah kanan di window browser itu berbeda ya, sama-sama scroll tapi bukan disitu, melainkan scroll di element yang ingin kita berikan ScrollTop ini teman-teman. Oke berikut Cara Merancang Guna Scroll Top dengan jQuery.
Seperti lazimnya, 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 bagi Javascript nya.
<script>
$(document).ready(function(){
$(button).click(function(){
alert($(div).scrollTop() + px);
});
});
</script>
Bagaimana teman-teman? Lumayan gampang bukan?
Demikianlah bagi panduan kali ini mengenai bagaimana Cara Merancang Guna Scroll Top dengan jQuery.
Semoga bermanfaat, terima kasih.
Sumber https://kursuswebsite.org
