Go deep (Branch 4687)
✨ นายกรรษฎา มงคลจาตุรงค์
<html> <head> <title>Let's Start </title> <style> :root{ --c:0; } body{ background:hsl(var(--c),100%,50%); height:3600vh; } h1{ position:fixed; color:white; } </style> </head> <body> <h1> window.scrollY = <span id="val"> </span> </h1> <script type="text/javascript"> var r = document.querySelector(':root'); window.onscroll = function(){ let scrollY = window.scrollY; val.innerText = scrollY; r.style.setProperty('--c', scrollY/50); } </script> </body> </html>