固定层位置的离奇方法(支持IE6)
时间：2010-07-16
来源：互联网
将层固定在页面右下角，经常见到这样的效果，其实很简单，只要给层加一个CSS就OK
滚动时层不会闪动。只可惜IE6不支持这个属性，必须要用JS不停地去改变层的位置，使其跟着滚动条移动，滑动时层会抖动。
大家可能对标题上的“离奇方法”比较感兴趣，接下来就是“离奇方法”
- position:fixed
滚动时层不会闪动。只可惜IE6不支持这个属性，必须要用JS不停地去改变层的位置，使其跟着滚动条移动，滑动时层会抖动。
大家可能对标题上的“离奇方法”比较感兴趣，接下来就是“离奇方法”
- <head>
- <style>
- *{margin:0}
- body{
- height:1000px;
- width:1000px;
- }
- #a{
- width:300px;
- height:100px;
- background:red;
- }
- </style>
- <script>
- var isie6 = window.XMLHttpRequest ? false : true;
- window.onload = function() {
- var a = document.getElementById('a');
- var d = document.getElementById('d');
- if (isie6) {
- a.style.position = 'absolute';
- window.onscroll = function() {
- d.innerHTML = '';
- }
- } else {
- a.style.position = 'fixed';
- }
- a.style.right = '0';
- a.style.bottom = '0';
- }
- </script>
- </head>
- <body>
- <div id ="d" style="display:none;"></div>
- <div id='a'>test</div>
- </body>
- </html>
作者: 柒児 发布时间: 2010-07-16
其实还是上升以后
停留几秒比较好
停留几秒比较好
作者: 卡布诺奇 发布时间: 2010-07-16
用CSS HACK给#a加上 position = 'fixed'; _position = 'absolute';right = '0'; bottom = '0'; 这些样式就得了嘛，干嘛还写个大长串的JS
作者: 柳东 发布时间: 2010-07-16
在IE6根本就不能固定层
作者: xing393939 发布时间: 2010-07-16
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读：74
-
如何安装mysql8.0
阅读：31
-
Word快速设置标题样式步骤详解
阅读：28
-
20+道必知必会的Vue面试题（附答案解析）
阅读：37
-
HTML如何制作表单
阅读：22
-
百词斩可以改天数吗？当然可以，4个步骤轻松修改天数！
阅读：31
-
ET文件格式和XLS格式文件之间如何转化？
阅读：24
-
react和vue的区别及优缺点是什么
阅读：121
-
支付宝人脸识别如何关闭?
阅读：21
-
腾讯微云怎么修改照片或视频备份路径?
阅读：28
