Un scrolling qui scrolle trop :-)

Un scrolling qui scrolle trop :-) - HTML/CSS - Programmation

Marsh Posté le 12-11-2006 à 17:48:55    

Salut, j'ai recupere ce petit script pour realiser un menu defilant a l'aide de deux boutons :
 
entre les balises <HEAD>
 

Code :
  1. <script language="javascript">
  2.    
  3.     var Timer;
  4.     var Pas = 3;
  5.    
  6.     function moveLayer(Sens)
  7.     {
  8.         if(document.getElementById)
  9.             Objet = document.getElementById("Contenu" );
  10.         else
  11.             Objet = document.all["Contenu"];
  12.         if(parseInt(Objet.style.top) + (Pas*Sens) > 0)
  13.             Objet.style.top = "0px";
  14.         else
  15.             Objet.style.top = (parseInt(Objet.style.top) + (Pas*Sens)) + "px";
  16.         Timer = setTimeout("moveLayer(" + Sens + " );", 50);
  17.     }
  18. </script>


 
entre les blises <body>
 

Code :
  1. <div id="Support" style="position:relative;width:250;height:150px;overflow:hidden;border:1px solid #000000">
  2.     <div id="Contenu" style="position:absolute;width:250;height:150px;left:0;top:0">
  3.    
  4.     bla<br>
  5.     bla<br>
  6.     bla<br>
  7.     bla<br>
  8.     bla<br>
  9.     bla<br>
  10.     bla<br>
  11.     bla<br>
  12.     bla<br>
  13.     bla<br>
  14.     bla<br>
  15.     bla<br>
  16.    
  17.     </div>
  18. </div>
  19. <a href="" onmouseover="javascript:moveLayer(1);" onmouseout="javascript:clearTimeout(Timer);">Haut</a>
  20. <a href="" onmouseover="javascript:moveLayer(-1);" onmouseout="javascript:clearTimeout(Timer);">Bas</a>


 
Ca marche impeccable, mais un petit probleme se pose malgre tout. Autant lorsque l'on appuye sur le bouton "haut" le scrolling s arrete bien a la premiere ligne du texte, autant lorsque l'on appuye su le bouton "bas", le scrolling continue a l'infini et affiche du blanc apres le texte.
 
y a t il un moyen pour simplement bloquer le defilement vers le bas a la derniere ligne ?
 
merci pour vos reponses.
 

Reply

Marsh Posté le 12-11-2006 à 17:48:55   

Reply

Marsh Posté le 12-11-2006 à 18:43:31    

tu peux surement comparer la position de ton element par rapport à la hauteur de ton div

Reply

Marsh Posté le 12-11-2006 à 20:42:48    

pas tres explicite :)
 
Mais il est vrai que ce texte defilant sera dans un tableau aux coordonnees precises. Peut-etre y a t il un moyen de jouer la dessus Pour dire au script que quand le div atteint telle coordonnee, il s arrete. Tout le probleme reside que je ne sais pas du tout faire ca.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed