怎么让div跟着滚动条一起上下滚动

Question

怎么让div跟着滚动条一起上下滚动

http://java.tedu.cn/
想做出像这个网页里面的效果，可以给个大概思路吗

Answer 1

好久的问题，不知道笔者还看不看 我写的 demo 不知道为什么不能预览 直接点demo看吧

Answer 2

首先监听window的scroll事件，获取它的滚动距离，这里需要设置个状态锁，好判断是否停止滚动；
然后获取左侧div一开始相对窗口顶部的距离，也就是offset().top；
每当滚动结束，就给div一个动画效果，animate({"top","滚动的距离"})。
大致思路就是这样。

Answer 3

你要一起滚动式什么意思？是在页面不动吗？position:fixed 是不是你要的效果？

<div style="background:red; position:fixed; top:100px; left:0; height:100px;" id="gd">今天是星期三</div>
<div style="height:1500px"></div>

Answer 4

跟着滚动条上下滚动？是要保持位置不变？
如果是这样可以使用position:fixed

Answer 5

楼上两位已经说了，我再补充一下，上下左右居中position:fixed;left : 50%;top:50%;margin-left:-(div宽度)px;margin-top:-(div高度)px;;