如何移動固定位置

http://www.globalguideline.com/interview_questions/Questions.php?sc=C_Sharp_Programming_Language_Interview_Questions_A&page=6

在這個網址中，用戶可以在左側看到一個twitter圖片的移動。怎麼做。 什麼是這個技術名稱？是否要這樣做？如何移動固定位置

來源

2010-06-19 shamim

嘗試搜索浮動菜單。有兩種類型：固定和絕對定位。如果你想要像例子中的類似的動畫，那麼就用絕對值。如果我記得它正確的位置，IE6有一些問題。

或者，你可以使用jQuery，here是一個很好的例子。

來源

2010-06-19 09:03:19

您需要勾選scroll事件以保持內容始終可見。

希望這有助於你：

<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>

來源

2010-06-19 09:30:06 TheVillageIdiot

如何移動固定位置

回答

相關問題