通过css/js来固定div的位置_html/css_WEB-ITnose

一：先来看看用css的，需要在css里面写表达式，但是一闪一闪的。赋值变量"ignoreMe",并且"document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop"(这是ie的一个bug)。

 1  2  3  4  5 18 19 20   
 loading...
21     
22         23       
 24       
25       26     
27 28 

二：用JS写的，其实完全能套用到css中，与上面的没什么。需要注意的是，在FF下，左上右上两个仍然浮动。在IE下，全部固定，但是一闪一闪的。其中要斟酌使用。

 1  2  3  4  5  6  7 19 20 
正中...
21 29 
左上...
30 36 
左下...
37 44 
右上...
45 52 
右下...
53 62 72 
73 74 

三：这个仍然是用js写的，不过在IE浏览器的滚动过程中，不会一闪一闪的。兼容效果很好。

 1  2    3    4      5      6    7   14   15   
16   
我是元素p
17   
18     我是随屏幕滚动的DIV，我距离顶部高度适中为100px，修改css就可以修改该值19   
20   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   
23