2010-06-19 8 views

ответ

0

Попробуйте найти плавающее меню. Существует два типа: с фиксированным и абсолютным позиционированием. Если вы хотите подобную анимацию, как в примере, переходите к абсолютной. И если я помню, что правильно IE6 имеет некоторые проблемы с фиксированной позицией.

В качестве альтернативы вы можете использовать jQuery, here - хороший пример с источниками.

0

Вам необходимо зацепить 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>