css实现⽹页布局随滚轮变化响应移动css实现三列布局
_position:absolute; _top:expression(eval(document.documentElement.scrollTop));
1、第⼀句代码
_position:absolute;
这句代码的意思是“位置:”,也就是说元素的位置是相对于整个浏览器窗⼝的,⽽不是相对于⽗元素。⼀般要配合top、left属性使⽤。
2、第⼆句代码
_top:expression(eval(document.documentElement.scrollTop));
top属性是定义元素的顶部在⽹页中的位置,⽽CSS中的expression属性是⽤来调⽤Javascript代码。所以expression后⾯的括号中就是⼀⾏Javascript代码。
eval(document.documentElement.scrollTop);
其中,document.documentElement.scrollTop 的意思是获取当前页⾯滚动条所滚动到的位置的数值,⽽再
⽤eval()函数把它计算成数值。所以这句代码最终的意思就是:你浏览器窗⼝的滚动条滑到哪,这个元素的位置就在哪。
3、前⾯的下划线是CSS Hack中的⽤法,⽤来区分不同的浏览器以解决兼容问题,此处的下划线只有IE6能识别,⽽IE7、IE8、Firefox等浏览器是识别不了的,所以这两⾏代码只对IE6有效,其他浏览器是忽略它们的。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。