Hallo everyone ada beberapa yang request untuk Javascript Auto Scroll Turun Kebawah sebelumnya Javascript adalah bahasa untuk pemrograman yang dapat digunakan seperti halnya pengembangan website supaya lebih dinamis dan interaktif tentunya.

Banyak kebutuhan atau keperluan yang mungkin Anda gunakan Javascript Auto Scroll ini, oke langsung saja ya

JavaScript Auto Scroll Turun Kebawah

1. Javascript auto scroll turun kebawah aktif by click. bisa kalian rubah dibagian time speed dan interval.

<script>
let scrollerID;
let paused = true;
let speed = 1; // 1 - Fast | 2 - Medium | 3 - Slow
let interval = speed * 10;

function startScroll(){
    let id = setInterval(function() {
        window.scrollBy(0, 7);
        // Reached end of page
        if ((window.innerHeight + window.scrollY) >= document.body.offsetHeight) {
            stopScroll();
        }
    }, interval);
    return id;
} 

function stopScroll() {
    clearInterval(scrollerID);
}
	
window.onload = function(event) {
{
        if(paused == true) {
            scrollerID = startScroll();
            paused = false;
    }
}
};
</script>
JavaScript

2. Javascript auto scroll turun kebawah aktif by load website. bisa kalian rubah dibagian time speed dan interval.

<script>
let srcid;
let paused = true;
let speed = 1; // 1 - Fast | 2 - Medium | 3 - Slow
let interval = speed * 10;
function stsrc(){
    let id = setInterval(function() {
        window.scrollBy(0, 7);
        if ((window.innerHeight + window.scrollY) >= document.body.offsetHeight) {
            // Reached end of page
            stpsrc();
        }
    },interval);
    return id;
}

function stpsrc() {
    clearInterval(srcid);
}

document.body.addEventListener('click', function (event)
{
    if(paused == true) {
        srcid = stsrc();
        paused = false;
    }
}, true);
</script>
JavaScript

3. Javascript auto scroll turun kebawah aktif by enter dan berhenti. bisa kalian rubah dibagian time speed dan interval.

<script>
let scrollerID;
let paused = true;
let speed = 2; // 1 - Fast | 2 - Medium | 3 - Slow
let interval = speed * 5;

function startScroll(){
    let id = setInterval(function() {
        window.scrollBy(0, 2);
        if ((window.innerHeight + window.scrollY) >= document.body.offsetHeight) {
            // Reached end of page
            stopScroll();
        }
    }, interval);
    return id;
}

function stopScroll() {
    clearInterval(scrollerID);
}

document.body.addEventListener('keypress', function (event)
{
    if (event.which == 13 || event.keyCode == 13) {
        // It's the 'Enter' key
        if(paused == true) {
            scrollerID = startScroll();
            paused = false;
        }
        else {
            stopScroll();
            paused = true;
        }
    }
}, true);
</script>
JavaScript

Kesimpulan

Bisa ubah script dengan keperluan dan kebutuhan Anda untuk Javascript Auto Scroll Turun Kebawah.

Itu dia tadi Javascript Auto Scroll Turun Kebawah. Semoga bermanfaat!

Baca juga: