Automatiquement à la verticale de défilement div contenu de la boucle

Je suis en train d'essayer de trouver un moyen simple d'avoir un div avec juste le texte défile automatiquement le texte à la verticale. Je ne veux pas utiliser un framework (bien que je ne l'utilisation de Prototype, donc si c'est plus facile à l'aide de Prototype alors c'est très bien, mais pas de Scriptalicious).

Je suppose, il y a obtenu d'être un moyen de faire cela avec quelques lignes de code, mais je ne suis pas assez familier avec Javascript pour connaître la façon la plus efficace de le faire.

  • Cochez la case modifier à ma réponse...
InformationsquelleAutor James Simpson | 2009-12-22
  1. 6

    Cela pourrait ne pas être conventionnelle, mais vous pouvez essayer le <marquee> tag

    il fonctionne à la fois sous IE et FF, et la dernière fois que j'ai vérifié, safari aussi.

    <marquee behavior="scroll" direction="up" height="250" 
   scrollamount="2" scrolldelay="10"">
  Your content goes here
</marquee>

    vous donner ce que vous voulez,

    et vous pouvez définir le style comme tout <div>...

    et puis il y a l'avantage de ne pas avoir de javascript...

    Modifier en réponse à votre commentaire

    Il est de mieux en mieux, essayez ceci dans n'importe quel navigateur

    onmouseover="this.stop()" onmouseout="this.start()"

    Et ce dans IE

    style="filter:progid:DXImageTransform.Microsoft.Alpha( Opacity=0,
FinishOpacity=100, 
Style=1, StartX=0,  FinishX=0, StartY=0, FinishY=10) 
progid:DXImageTransform.Microsoft.Alpha( Opacity=100, FinishOpacity=0, 
Style=1, StartX=0, FinishX=0, StartY=90, FinishY=100)"

    En tant qu'attributs de la balise de texte défilant...

    • Intéressant, je ne savais pas que la balise de texte défilant pourrait avoir beaucoup de personnalisation.
    InformationsquelleAutor ekhaled
  2. 0
    function scrollDivUp(id){
    document.getElementById(id).scrollTop-=1
    timerUp=setTimeout("scrollDivUp('"+id+"')",10)
}

    essayer quelque chose comme ça peut-être.

    vous pouvez également changer .scrollTop-=1 pour .scrollTop+=1 pour faire défiler l'autre sens.

    Vous aussi, vous avez besoin d'un défilement div qui peut être fait en limitant la taille et la définition le débordement de la propriété de style ie. style="width:200px; height:300px; overflow:auto"

    • Ce serait le travail, mais ça ne fonctionne toujours pas à résoudre le problème de la boucle. Je suis d'essayer d'avoir un défilement continu de la boucle.
    • Un peu en boucle je peux vérifier si la barre de défilement a atteint le fond, et puis il suffit de revenir à la partie supérieure, mais cela semble assez collante, il doit y avoir une meilleure façon de faire une lisse boucle à travers.
    • que faire si le contenu de la div a une grande surface de l'espace en haut et en bas, une fois le texte défile sur le fond, vous pouvez sauter vers le haut à nouveau, et les espaces doivent le faire paraître comme si le texte défile en haut de nouveau?
    • vous pouvez aussi probablement masquer la barre de défilement dans ce cas.. overflow:hidden;
    InformationsquelleAutor Tim
  3. 0

    Essayez de changer la div à l' scrollTop. Il est un exemple ici.

    InformationsquelleAutor Annie
  4. 0

    Je vois que la bonne réponse n'est pas donnée pour le moment. Je pense que vous avez à regarder cloneNode() par exemple. Et clone de l'élément que vous souhaitez faire défiler. Lorsque le premier élément est le dernier point de défilement, puis placer la copie de l'élément après le premier élément. Et quand le double élément est presque à la fin, placez l'original après le double et ainsi de suite!

    InformationsquelleAutor Barry de Rond