Auto Scroll Up + Down Ketika Menggulir Layar atau Cursor Mouse

Auto Scroll UP + Down Ketika Menggulir Layar atau Cursor Mouse

Perkenalan

Halo Semuanya, Jumpa Lagi dengan Saya, Seonxnnn :v dipostingan Kalian ini saya Akan Memberikan Source Code Auto Scroll UP + Down Ketika Menggulir Layar atau Cursor Mouse, 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

Live Demo

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

Source Code

<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function() {
    var lastScrollTop = 0;
    var scrollSpeed = 20; // Kecepatan scroll, sesuaikan sesuai keinginan
    var isScrolling = true; // Variabel untuk menentukan apakah sedang melakukan scroll otomatis

    function autoScroll() {
        if (isScrolling) {
            var st = window.pageYOffset || document.documentElement.scrollTop;
            if (st > lastScrollTop){
                // Scroll ke bawah
                window.scrollBy(0, scrollSpeed);
            } else {
                // Scroll ke atas
                window.scrollBy(0, -scrollSpeed);
            }
            lastScrollTop = st <= 0 ? 0 : st; // Untuk mencegah bug pada beberapa browser
        }
    }

    function toggleScroll(event) {
        isScrolling = !isScrolling; // Mengganti status scroll otomatis
    }

    // Mendeteksi scroll dengan mouse
    window.addEventListener('scroll', autoScroll);

    // Mendeteksi scroll dengan sentuhan layar (untuk perangkat mobile)
    document.addEventListener('touchmove', function(event) {
        autoScroll(event);
    });

    // Mendeteksi klik atau tekan untuk menghentikan scroll otomatis
    document.addEventListener('mousedown', toggleScroll); // Untuk mouse
    document.addEventListener('touchstart', toggleScroll); // Untuk sentuhan layar
});
</script>

Diatas adalah Source Code Auto Scroll UP + Down Ketika Menggulir Layar atau Cursor Mouse., Jika Ingin Request Silahkan Berikan Komentar atau menuju Halaman Request:v. Sampai Jumpa di potingan Berikutnya :p