Cara Membuat Button Scroll Down Otomatis di Blogger

Cara Membuat Button Scroll Down Otomatis di Blogger
Cara Membuat Button Scroll Down Otomatis di Blogger

Perkenalan

Halo Semuanya, Jumpa Lagi dengan Saya, Seonxnnn :v dipostingan Kalian ini saya Akan Memberikan Tutorial Bagaimana Cara Membuat Button Scroll Down Otomatis di Blogger, Script atau kode ini cocok Untuk Kalian Yang Memiiki Website Baca Novel Ataupun yang Lainnya.

Tanpa Basa Basi Langsung Saja Kita Gassken, Untuk Tutorial Cara Pasangnya Kalian Bisa Liat disini, Karna Saya Malas Buat Post dengan template text yang itu itu saja.

Untuk Demo Kalian Bisa Cek Link DIbawah

Penting!
Sebelum Memulai Nya Ada Baiknya Kalian Memback-up Template Kalian Terlebih dahulu.

Source Code

<div id="floatingButton">
  <button id="scrollDown">Start</button>
  <button id="stopScroll">Stop</button>
  <button id="increaseSpeed">+ Speed</button>
</div>
<style>
  #floatingButton {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
}

#floatingButton button {
  display: block;
  margin-bottom: 10px;
  padding: 10px;
  background-color: #007bff;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

#floatingButton button:hover {
  background-color: #0056b3;
}

</style>
<script>
  document.addEventListener('DOMContentLoaded', function() {
    let scrollInterval;
    let scrollSpeed = 20; // Kecepatan scroll awal

    document.getElementById('scrollDown').addEventListener('click', function() { // Tag Untuk Mengubah Scroll UP atau Down Kalian
      clearInterval(scrollInterval);
      scrollInterval = setInterval(function() {
        window.scrollBy(0, scrollSpeed); // Ubah tanda '-' Untuk Up dan '+' untuk scroll down
        if (window.innerHeight + window.scrollY >= document.body.offsetHeight) { // Mengubah kondisi untuk menghentikan scroll di bagian bawah halaman
          clearInterval(scrollInterval);
        }
      }, 50);
    });

    document.getElementById('stopScroll').addEventListener('click', function() {
      clearInterval(scrollInterval);
    });

    document.getElementById('increaseSpeed').addEventListener('click', function() {
      scrollSpeed += 5; // Menambah kecepatan scroll
    });
  });
</script>

Kesimpulan

Diatas adalah Cara Membuat Button Scroll Down Otomatis di Blogger., Jika Ingin Request Silahkan Berikan Komentar atau menuju Halaman Request:v. Sampai Jumpa di potingan Berikutnya :p

About the author

Seonxnn
Bukan Programer, Hanya Seseorang Yang Kebetulan Tertarik dengan Blogger

Posting Komentar

Periksa Email Untuk Meliat Balasan Terbaru dari Komentarmu