Test scroooll

In this example below you will see how to do a Test scroooll with some HTML / CSS and Javascript

Thumbnail
This awesome code was written by kevin-nobilito, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright kevin-nobilito ©
  • HTML
  • CSS
  • JavaScript
    <span class="span">w</span>

/*Downloaded from https://www.codeseek.co/kevin-nobilito/test-scroooll-xXpVgK */
    body{
  height:1200vh;
}
span{
  position:fixed;
  top:50px;
}


/*Downloaded from https://www.codeseek.co/kevin-nobilito/test-scroooll-xXpVgK */
    

window.addEventListener('scroll', function() { 
$( ".span" ).html("scoll");
});
// or
$(window).scroll(function() { $( ".span" ).html("scolled"); });
// or
window.onscroll = function() { $( ".span" ).html("onscroll"); };
// etc 

Comments