如何移动固定位置

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

如何移动固定位置

回答

相关问题