Как переместить фиксированную позицию - PullRequest
Новая
       18

Как переместить фиксированную позицию

0 голосов
/ 19 июня 2010 
http://www.globalguideline.com/interview_questions/Questions.php?sc=C_Sharp_Programming_Language_Interview_Questions_A&page=6

В этом URL пользователь видит см. На левой стороне движение изображения в твиттере. Как это сделать. Как называется эта техника? Как это сделать?

Ответы [ 2 ]

0 голосов
/ 19 июня 2010

Вам нужно перехватить событие 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>
0 голосов
/ 19 июня 2010

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

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

...