JSFiddle - React, Tailwind, and code Playground
HTML
<div id="div_texte">
<p id="contenu">bla bla</p>
</div>
CSS
#div_texte {
width:640px; /* taille du div */
height:480px;
border:1px solid black;
position: absolute;
overflow:hidden; /* la partie des objets qui dépasse du div est cachée*/
}
#contenu {
position: absolute; }
JavaScript
var TexteNode;
var ContenuNode;
var texteposx;
function move() {
texteposx++;
contenuNode.style.top=texteposx+"px"; /* écriture position du texte (CSS pour écrire)*/
if ((texteposx>=TexteHeight)) {texteposx =0;}
}
function init() {
TexteNode=document.getElementById("div_texte"); // récupération du div
contenuNode=document.getElementById("contenu"); // récupération du texte
TexteHeight=TexteNode.offsetHeight; // lecture de l'offset hauteur du div (html
texteposx=0;
setInterval(move, 30); // appel fct move ttes les 30 ms
}
init();