Salut, j'ai recupere ce petit script pour realiser un menu defilant a l'aide de deux boutons :
entre les balises <HEAD>
Code :
- <script language="javascript">
-
- var Timer;
- var Pas = 3;
-
- function moveLayer(Sens)
- {
- if(document.getElementById)
- Objet = document.getElementById("Contenu" );
- else
- Objet = document.all["Contenu"];
- if(parseInt(Objet.style.top) + (Pas*Sens) > 0)
- Objet.style.top = "0px";
- else
- Objet.style.top = (parseInt(Objet.style.top) + (Pas*Sens)) + "px";
- Timer = setTimeout("moveLayer(" + Sens + " );", 50);
- }
- </script>
|
entre les blises <body>
Code :
- <div id="Support" style="position:relative;width:250;height:150px;overflow:hidden;border:1px solid #000000">
- <div id="Contenu" style="position:absolute;width:250;height:150px;left:0;top:0">
-
- bla<br>
- bla<br>
- bla<br>
- bla<br>
- bla<br>
- bla<br>
- bla<br>
- bla<br>
- bla<br>
- bla<br>
- bla<br>
- bla<br>
-
- </div>
- </div>
- <a href="" onmouseover="javascript:moveLayer(1);" onmouseout="javascript:clearTimeout(Timer);">Haut</a>
- <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.
