JSFiddle - React, Tailwind, and code Playground

by Hugo Vale Pereira

CSS

body{
  width: 200vw;
  height: 100px;
  background: repeating-linear-gradient(to right, transparent, #4d9f0c 40px);
}

JavaScript

document.addEventListener('wheel', (e)=>{
  console.log("wheel");
}, {})

document.addEventListener('scroll', (e)=>{
  console.log("Scroll");
})

document.addEventListener('scrollend', ()=>{
  console.log("Scrollend");
})