正文

HTML CSS技巧 永恒不变的DIV-固定在浏览器某个位置-非JAVASCRI2009-11-27 12:57:00

【评论】 【打印】 【字体: 】 本文链接:http://blog.pfan.cn/txdnet/50176.html

分享到:

这里稍微总结一下,一般是利用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    

阅读(2561) | 评论(0)


版权声明:编程爱好者网站为此博客服务提供商,如本文牵涉到版权问题,编程爱好者网站不承担相关责任,如有版权问题请直接与本文作者联系解决。谢谢!

评论

暂无评论
您需要登录后才能评论,请 登录 或者 注册