2010-06-19 4 views
0
http://www.globalguideline.com/interview_questions/Questions.php?sc=C_Sharp_Programming_Language_Interview_Questions_A&page=6 

Dans cette URL, l'utilisateur voir voir sur le côté gauche un mouvement d'image de twitter .Comment faire. Quel est le nom de cette technique?Comment déplacer la position fixe

Répondre

0

Essayez de rechercher un menu flottant. Il existe deux types: avec positionnement fixe et absolu. Si vous voulez une animation similaire à celle de l'exemple, choisissez absolu. Et si je me souviens bien IE6 a quelques problèmes avec la position fixe.

Alternativement vous pouvez aller avec jQuery, here est un bon exemple avec des sources.

0

Vous devez accrocher l'événement scroll pour que le contenu reste toujours visible.

Hope this vous aide:

<html> 
<head> 
    <title>fixed div</title> 
    <script src="js/jquery1.4.1.js" type="text/javascript"></script> 
</head> 
<body> 
    <div id="div1" style="float:left;left:10px;top:10px;z-index:5000;height:50px; 
      width:50px;clear:both;background-color:green;color:grey; 
    font-size:300%;">O</div> 
    a<br/> b<br/> b<br/> d<br/> e<br/> f<br/> g<br/> h<br/> i<br/>j<br/> 
    k<br/> l<br/> m<br/> n<br/> o<br/> p<br/> q<br/> r<br/> 
    <script type = "text/javascript"> 
     $(function(){ 
      var left = 10; 
      var top = 10; 
      var d=$("#div1"); 
      $(window).scroll(function(){ 
       var t=$(window).scrollTop() + top +"px"; 
       d.animate({'margin-top':t},'slow'); 
      }); 
     }); 
    </script> 
</body> 
</html>