jQuery animate

[Vladkata]

Здравейте! Трябва ми даден <div> елемент да се мести, като се скролва "меко", т.е. да закъснява.

Ето резултата до момента (разучавам го).
*Не съм дал тук код, защото има много дълъг Lorem Ipsum...

Сега се мести само когато се скролва документът, но винаги с +50 пиксела надолу.

Как да го направя да се мести спрямо това дали се скролва нагоре или надолу със 50 пиксела (т.е. с толкова да "закъснява")?

Благодаря предварително!
+1

 

[Ev0luti0N]

<!DOCTYPE html>
<html>
<head>
  <style>
div.demo {
background:#CCCCCC none repeat scroll 0 0;
border:3px solid #666666;
margin:5px;
padding:5px;
position:relative;
width:200px;
height:100px;
overflow:auto;
}
  p { margin:10px;padding:5px;border:2px solid #666;width:1000px;height:1000px; }
  </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <div class="demo"><h1>lalala</h1><p>Hello</p></div>
<script>$("div.demo").scrollTop(300);
</script>

</body>
</html>

:?:

 

[Vladkata]

Ама на мен ми трябва една кутия да се скролва, когато се скролва самата страница, само че по-бавно и да създаде ефекта на анимация...

 

[adrian]

Можеш да погледнеш този пост в блога ми

Как да направим Sticky Floats с jQuery