codepens/bind-css-keyframe-animation-to-scroll/dist/script.js

window.addEventListener('scroll', () => {
  document.body.style.setProperty('--scroll',window.pageYOffset / (document.body.offsetHeight - window.innerHeight));
}, false);