JSFiddle - React, Tailwind, and code Playground
HTML
<div><pre>afasdfsadf
afasdfsadf
afasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadf
afasdfsadf
afasdfsadf
afasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadf
afasdfsadfafasdfsadf
afasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadf
afasdfsadf
afasdfsadf
afasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadf
afasdfsadf
afasdfsadf
afasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadf
afasdfsadfafasdfsadf
afasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadf
afasdfsadfafasdfsadf
afasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadf
afasdfsadf
afasdfsadf
afasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadf
afasdfsadf
afasdfsadf
afasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadf
afasdfsadf
afasdfsadf
afasdfsadf
afasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadf
afasdfsadf
afasdfsadf
afasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadfafasdfsadf
afasdfsadf
afasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadf
afasdfsadf
afasdfsadf
afasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadfafasdfsadf
afasdfsadf
afasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadf
afasdfsadf
afasdfsadf
afasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadfafasdfsadf
...
CSS
div {
background-color: yellow;
}
JavaScript
(function animationLoop() {
$('div').animate({
letterSpacing: 2
}, 1200, function() {
$(this).animate({
letterSpacing: null
}, 1200, animationLoop);
});
})();
$(window).scroll(function() {
if ($(this).scrollTop() > 2000) {
$('div').animate({
marginLeft: '100px'
}, {
queue: false
});
} else {
$('div').animate({
marginLeft: '0px'
}, {
queue: false
});
}
});