Partage
  • Partager sur Facebook
  • Partager sur Twitter

aucun effet avec style.top

Sujet résolu
    13 avril 2010 à 2:07:40

    Bonjour a tous,

    Voila j'ai un script de scroll bar mais celui ci ne fonctionne pas , voici le code js :

    var Timer;
    var Pas = 3;
    function moveLayer(Sens) {
    	Objet=document.getElementById("contenu");
    	if(parseInt(Objet.style.top) + (Pas*Sens)>0)  {
    		clearTimeout(Timer);
    	}
    	else if(parseInt(Objet.style.top) + (Pas*Sens)<-(Objet.offsetHeight-document.getElementById("corpsRight").offsetHeight)) {
    		clearTimeout(Timer);
    	}
    	else {
    		Objet.style.top = (parseInt(Objet.style.top) + (Pas*Sens)) + "px";
    	}
    	Timer = setTimeout("moveLayer(" + Sens + ");", 30);
    }
    


    et le code html
    <div id="corpsRight">
    						<div id="contenu" style="top:0;">
    						<span class="titre">Lorm ipsum dolor sit</span><br/>
    						<span class="sousTitre">consectetuer adipiscing</span>
    						<p class="paragraphe">
    							Lorem ipsum dolor sit amet, consectetuer adipiscing <br/>
    							elit. Donec libero. Suspendisse bibendum. Cras id urna. <br/>
    							Morbi tincidunt, orci ac convallis aliquam, lectus turpis<br/>
    							 varius lorem, eu posuere nunc justo tempus leo. Donec<br/>
    							 mattis, purus nec placerat bibendum, dui pede <br/>
    							condimentum odio, ac blandit ante orci ut diam. <br/>
    							Cras fringilla magna. Phasellus suscipit, leo a pharetra c<br/>
    							ondimentum, lorem tellus eleifend magna, e<br/>
    							get fringilla velit magna id neque. Curabitur vel urna.<br/> 
    							In tristique orci porttitor ipsum. <br/><br/>
    	
    							Lorem ipsum dolor sit amet, consectetuer adipiscing elit. <br/>
    							Donec libero. Suspendisse bibendum. Cras id urna. <br/>
    							Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus 
    							leo. 
    						</p>
    						<div class="signature"><img src="images/signature.png" alt="signature" /></div>
    						
    						<span class="titre">Lorm ipsum dolor sit</span><br/>
    						<span class="sousTitre">consectetuer adipiscing</span>
    						<p class="paragraphe">
    							Lorem ipsum dolor sit amet, consectetuer adipiscing <br/>
    							elit. Donec libero. Suspendisse bibendum. Cras id urna. <br/>
    							Morbi tincidunt, orci ac convallis aliquam, lectus turpis<br/>
    							 varius lorem, eu posuere nunc justo tempus leo. Donec<br/>
    							 mattis, purus nec placerat bibendum, dui pede <br/>
    							condimentum odio, ac blandit ante orci ut diam. <br/>
    							Cras fringilla magna. Phasellus suscipit, leo a pharetra c<br/>
    							ondimentum, lorem tellus eleifend magna, e<br/>
    							get fringilla velit magna id neque. Curabitur vel urna.<br/> 
    							In tristique orci porttitor ipsum. <br/><br/>
    
    							Lorem ipsum dolor sit amet, consectetuer adipiscing elit. <br/>
    							Donec libero. Suspendisse bibendum. Cras id urna. <br/>
    							Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus 
    							leo. 
    						</p>
    						<div class="signature"><img src="images/signature.png" alt="signature" /></div>
    					
    						<span class="titre">Lorm ipsum dolor sit</span><br/>
    						<span class="sousTitre">consectetuer adipiscing</span>
    						<p class="paragraphe">
    							Lorem ipsum dolor sit amet, consectetuer adipiscing <br/>
    							elit. Donec libero. Suspendisse bibendum. Cras id urna. <br/>
    							Morbi tincidunt, orci ac convallis aliquam, lectus turpis<br/>
    							 varius lorem, eu posuere nunc justo tempus leo. Donec<br/>
    							 mattis, purus nec placerat bibendum, dui pede <br/>
    							condimentum odio, ac blandit ante orci ut diam. <br/>
    							Cras fringilla magna. Phasellus suscipit, leo a pharetra c<br/>
    							ondimentum, lorem tellus eleifend magna, e<br/>
    							get fringilla velit magna id neque. Curabitur vel urna.<br/> 
    							In tristique orci porttitor ipsum. <br/><br/>
    
    							Lorem ipsum dolor sit amet, consectetuer adipiscing elit. <br/>
    							Donec libero. Suspendisse bibendum. Cras id urna. <br/>
    							Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus 
    							leo. 
    						</p>
    						<div class="signature"><img src="images/signature.png" alt="signature" /></div>
    						</div>
    					</div>
    		<div class="scroll">
    			<img onmouseover="moveLayer(1);" onmouseout="clearTimeout(Timer);" src="images/slideup.png" style="cursor:pointer; position:top;" alt="" />
    			<img onmouseover="moveLayer(-1);" onmouseout="clearTimeout(Timer);" src="images/slidedown.png" style="cursor:pointer;position:bottom;" alt="" />		
    		</div>
    
    • Partager sur Facebook
    • Partager sur Twitter
      13 avril 2010 à 2:31:39

      Citation : Golmote

      Et ton CSS ?


      Justement le problème venais du css (position:absolute pour le block contenu et position:relative pour le block corpsRight)

      J'aurais réfléchie encore 2 minutes et j'aurais pas eu besoin de poster ^^

      Merci quand même :)
      • Partager sur Facebook
      • Partager sur Twitter
      Anonyme
        13 avril 2010 à 2:37:19

        C'est résolu ou pas ton problème??
        • Partager sur Facebook
        • Partager sur Twitter

        aucun effet avec style.top

        × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
        × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
        • Editeur
        • Markdown