faire défiler un texte avec dans une colonne

Question

J'ai un site web. Dans ce je veux faire défiler un texte de bas en haut direction.Cette colonne contient également un défilement avec flèche haut et bas. avec la même fonctionnalité de barre de défilement. simple, mon objectif est il y a un texte défilant avec dans une colonne

Answer 1

Je pense que vous pouvez créer deux divs, l'un dans l'autre. Celui-ci doit avoir la propriété CSS suivante: débordement: caché. Et il devrait également avoir une taille définie. l'intérieure devrait avoir la position: par rapport avec gauche et top propriétés définies à 0. Ensuite, vous pouvez changer haut propriété de l'intérieure en utilisant Javascript. Ce n'est qu'une idée, je ne l'ai pas testé, mais ça peut t'aider.

<script type="text/javascript"> 
var currentY=0; 
var height; 
function scrollUp() { 
    height=document.getElementById("innerdiv").offsetHeight; 
    if (currentY<height) currentY++; 
    document.getElementById("innerdiv").style.height=currentY+"px"; 
} 
function scrollDown() { 
    height=document.getElementById("innerdiv").offsetHeight; 
    if (currentY>0-height) currentY--; 
    document.getElementById("innerdiv").style.height=currentY+"px"; 
} 
</script> 
<div style="overflow: hidden; width: 200px; height: 150px; padding: 0px"> 
    <div style="position: relative; left: 0px; top: 0px; margin: 0px" id="innerdiv"> 
     <!-- some long text here --> 
    </div> 
</div> 

Pour ce code, vous pouvez avoir deux boutons, avec les fonctions scrollUp et scrollDown qui leur sont affectées. Implémenter un scrollbar dragable serait difficile. J'espère que je vous ai aidé au moins un peu. Peut-être existe-t-il une solution plus intelligente que la mienne, que je ne connais même pas? Essayez de le chercher. Je ne donne aucune garantie pour que ce code fonctionne, peut-être qu'il y a des fautes de frappe et d'autres erreurs. C'est juste une forme de mon idée.

EDIT: n'utilisez pas ce code. C'est long et compliqué. Vérifiez mon commentaire ci-dessous ...

Answer 2

Im assez vieux pour se rappeler de le faire avec ce code:

<marquee direction="up"> 
    <p> Here will be contentent</p> 
    <p>And perhaps an icon <img src="favicon.png"></p> 
</marquee> 

Cher seigneur, im vieux.