Answers for "scroll text move"

0

scroll text move

h1 {
  padding: 0;
  margin: 0;
  // border: 1px solid #000;
  position: fixed;
  text-align: center;
  top: 50%;
  left: -100%;
  transform: translate(-100%, -50%);
  white-space: nowrap;
  font-size: 5em;
}

let h1 = document.querySelector('.scroll');

document.addEventListener('scroll', function(){
  text1.style.left = Math.max(0, ( window.innerWidth / 3000 ) * window.scrollY ) + '%';
});//
Posted by: Guest on April-19-2022

Browse Popular Code Answers by Language