这里稍微总结一下,一般是利用JavaScript脚本,从浏览器中获取各个关于位置的参数,然后将其计算后,定位在窗体的右下角.可以承认,这个方法确实是比较自然的想法,也是很常见的方法,但是这样的方法有以下几个缺点: 1,使用了大量的计算,每次滚动,都少不了一大堆的运算. 2,使用了JavaScript脚本,脚本这东西受到浏览器的限制,即便没有限制,也同样因为网页的下载模式问题,可能因为脚本下载未完成或者下载失败而致使脚本无法正确运行. 3,条条大路通罗马,但是看看那方块,当快速滚动滚动条的时候,会发现那个可爱的方块抖动地厉害.这也难怪,那么多的计算谁能受得了? 那有没有比较"平静"高效的表示方式呢?比如是否有一种用CSS的方式呢? 首先,我们将目光投向了CSS规范,我想很多人和我一样很快就想到了position属性,说到定位,我们很容易想到这个属性.这个属性一共有四个选项:static,relative,absolute,fixed.很高兴,我们在阅读了相关的注释后,我们大概能看到fixed是比较符合我们的需求的: fixed:位置被设置为 fixed 的元素,可定位于相对于浏览器窗口的指定坐标.此元素的位置可通过 "left","top","right" 以及"bottom" 属性来规定.不论窗口滚动与否,元素都会留在那个位置.工作于 IE7(strict 模式). 查看效果: http://www.txdnet.cn/essay/view.jsp?tid=1259296535890&cid=2

评论