JSFiddle - React, Tailwind, and code Playground

by Sajith Nair

HTML

aaaa<br/>aaaa<br/>aaaa<br/>aaaa<br/>aaaa<br/>aaaa<br/>aaaa<br/>aaaa<br/>aaaa<br/>aaaa<br/>aaaa<br/>aaaa<br/>aaaa<br/>aaaa<br/>aaaa<br/>aaaa<br/>aaaa<br/>aaaa<br/>aaaa<br/>aaaa<br/>aaaa<br/>aaaa<br/>aaaa<br/>nnnaaaa<br/>nnnaaaa<br/>nnnaaaa<br/>nnnaaaa<br/>nnnaaaa<br/>nnnaaaa<br/>nnnaaaa<br/>nnnaaaa<br/>nnnaaaa<br/>nnnaaaa<br/>nnnaaaa<br/>nnnaaaa<br/>

JavaScript

var xMax, yMax, xNeg=1, yNeg=1;

function pageScroll() {
    window.scrollBy(10 * xNeg, 10 * yNeg);
    if(xMax == window.scrollX)xNeg = xNeg * -1;
    if(yMax == window.scrollY)yNeg = xNeg * -1;
    scrolldelay = setTimeout(pageScroll,100);
    console.log(window.scrollY);
    xMax = window.scrollX;
    yMax = window.scrollY;
}
pageScroll();