当前第2页 返回上一页
所以我们可以通过在css里计算javascript值来改变top值,代码如下:
1 2 3 4 | #ads{
_position:absolute;
_top:expression(documentElement.scrollTop + documentElement.clientHeight- this .offsetHeight);
}
|
似乎一切都完美了,但是我们在IE6下运行的时候会发现,随着滚动条的移动,我们的这个#ads朋友他会抖动。解决方法也很简单,只要在body里加一点点的css,如下:
1 2 3 4 | body{
background-image:url(about:blank); /* for IE6 */
background-attachment:fixed; /*必须*/
}
|
完整的代码:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | body{
background-image:url(about:blank); /* for IE6 */
background-attachment:fixed; /*必须*/
}
#ads{
width:300px;
height:250px;
position:fixed;
right:0;
bottom:0;
_position:absolute;
_top:expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);
border:1px solid red;
}
|
推荐学习:css视频教程
以上就是css如何固定住元素不变的详细内容,更多文章请关注木庄网络博客!
返回前面的内容
相关阅读 >>
css不显示图标怎么办
css图片怎么变圆
css外部样式表怎么写
css background-origin属性怎么用
css外边距如何定义
深入探究css box-decoration-break属性
css overflow-y属性怎么用
最受欢迎的10大css框架
css reset是什么意思?
css中背景图片怎么设置
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » css如何固定住元素不变