一：先来看看用css的，需要在css里面写表达式，但是一闪一闪的。赋值变量"ignoreme",并且"document.documentelement.scrolltop ? document.documentelement.scrolltop : document.body.scrolltop"(这是ie的一个bug)。
1 2 3 4css test 5 18 19 20 2122 232425 2627 28
二：用JS写的，其实完全能套用到css中，与上面的没什么。需要注意的是，在FF下，左上右上两个仍然浮动。在IE下，全部固定，但是一闪一闪的。其中要斟酌使用。
1 2 3 4JAVASCRIPT 5 6 7 19 20正中...21 29左上...30 36左下...37 44右上...45 52右下...53 62 72 73 74
三：这个仍然是用js写的，不过在IE浏览器的滚动过程中，不会一闪一闪的。兼容效果很好。
1 2 3 4 5Js跟随滚动条移动的DIV 6 7 14 151623 68 69我是元素p
立即学习“前端免费学习笔记（深入）”；
1718 我是随屏幕滚动的DIV，我距离顶部高度适中为100px，修改css就可以修改该值1920 21我是元素p
立即学习“前端免费学习笔记（深入）”；
我是元素p
立即学习“前端免费学习笔记（深入）”；
我是元素p
立即学习“前端免费学习笔记（深入）”；
我是元素p
立即学习“前端免费学习笔记（深入）”；
我是元素p
立即学习“前端免费学习笔记（深入）”；
我是元素p
立即学习“前端免费学习笔记（深入）”；
我是元素p
立即学习“前端免费学习笔记（深入）”；
我是元素p
立即学习“前端免费学习笔记（深入）”；
我是元素p
立即学习“前端免费学习笔记（深入）”；
我是元素p
立即学习“前端免费学习笔记（深入）”；
我是元素p
立即学习“前端免费学习笔记（深入）”；
我是元素p
立即学习“前端免费学习笔记（深入）”；
我是元素p
立即学习“前端免费学习笔记（深入）”；
我是元素p
立即学习“前端免费学习笔记（深入）”；
我是元素p
立即学习“前端免费学习笔记（深入）”；
我是元素p
立即学习“前端免费学习笔记（深入）”；
我是元素p
立即学习“前端免费学习笔记（深入）”；
我是元素p
立即学习“前端免费学习笔记（深入）”；
我是元素p
立即学习“前端免费学习笔记（深入）”；
我是元素p
立即学习“前端免费学习笔记（深入）”；
我是元素p
立即学习“前端免费学习笔记（深入）”；
我是元素p
立即学习“前端免费学习笔记（深入）”；
我是元素p
立即学习“前端免费学习笔记（深入）”；
我是元素p
立即学习“前端免费学习笔记（深入）”；
我是元素p
立即学习“前端免费学习笔记（深入）”；
我是元素p
立即学习“前端免费学习笔记（深入）”；
我是元素p
立即学习“前端免费学习笔记（深入）”；
我是元素p
立即学习“前端免费学习笔记（深入）”；
我是元素p
立即学习“前端免费学习笔记（深入）”；
我是元素top:400px;看是否支持固定定位
22
