打印

层固定在右下角的离奇方法（position:fixed）

Enoch [楼主]

雨弓

高级会员

认证
帖子: 470
体力: 588
威望: 2
当前: 北京昌平区

专长 JS,PHP

1^# 大中小发表于 2009-7-8 16:56

提示：您可以先修改部分代码再运行

测试代码时无意发现的方法不需定位.... 不明白原来高手帮忙解读下？

本帖最近评分记录

cloudgamer 威望 +1 谢谢分享 2009-7-10 14:30

Q群:38067088
AD 招聘PHP*3

TOP

西部数码港台主机新上线即买即用 | 211工程高起专、高起本、专升本

cloudgamer

天空里的一片云

版主

认证
帖子: 4135
体力: 8354
威望: 13
当前: 广东佛山

2^# 大中小发表于 2009-7-8 16:58

fixed固定定位
现在就ie6不支持而已
baidu一下大把资料

技术blog

图片放大图片切换

TOP

PSD网页模板下载,高端实用 | 微软 visual studio 2010 专题

Enoch [楼主]

雨弓

高级会员

认证
帖子: 470
体力: 588
威望: 2
当前: 北京昌平区

专长 JS,PHP

3^# 大中小发表于 2009-7-8 17:03

版主看题不认真那个方法就是离奇的支持IE6

Q群:38067088
AD 招聘PHP*3

TOP

刘宾设计咨询机构/案例集1.3下载(268p) | 用画笔实现你的“原画设计师”梦想！

faeng220

小秦

版主

认证
帖子: 2354
体力: 4315
威望: 6
当前: 河南平顶山

专长 前端制作,JS,ASP

4^# 大中小发表于 2009-7-8 17:03

果然好神奇...

复制内容到剪贴板

代码:

         window.onscroll = function(){

             d.innerHTML = '';

          }

为啥改变d的innerHTML那个层会跟着跑....注释掉这个.层就不跑了..

偶系小秦！

TOP

CloudL

中级会员

帖子: 92
体力: 206
威望: 0
当前: 山东烟台
离线: 263 天

专长 ASP

5^# 大中小发表于 2009-7-9 09:02

好强！~~
为什么使用一个D层呢？还要在滚动的时候将D的innerHtml给清空，如果把

复制内容到剪贴板

代码:

d.innerHTML = '';

这行给注释就不能滚动了。

Cloud.L Blog : http://www.cnode.cn

TOP

starman

灰白色的月亮

中级会员

认证
帖子: 269
体力: 346
威望: 0
当前: 北京西城区

专长 网页设计,前端制作,JS

6^# 大中小发表于 2009-7-9 09:11

奇怪的东东

木狐狸

TOP

Enoch [楼主]

雨弓

高级会员

认证
帖子: 470
体力: 588
威望: 2
当前: 北京昌平区

专长 JS,PHP

7^# 大中小发表于 2009-7-9 10:29

d的 display还必须是none才起作用....

Q群:38067088
AD 招聘PHP*3

TOP

cloudgamer

天空里的一片云

版主

认证
帖子: 4135
体力: 8354
威望: 13
当前: 广东佛山

8^# 大中小发表于 2009-7-9 11:08

不好意思
先入为主了

a.innerHTML = '';
这样也会有效果
难道是innerHTML的bug？
这个还是第一次看到
看来lz发现新大陆了

[ 本帖最后由 cloudgamer 于 2009-7-9 11:15 编辑 ]

技术blog

图片放大图片切换

TOP

tudou527

地瓜

中级会员

帖子: 154
体力: 229
威望: 1
当前: 浙江杭州
离线: 29 天

专长 前端制作,JS

9^# 大中小发表于 2009-7-9 11:18

有点bt啊……ie6下的display:fixed是这样的吗

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>有点bt啊</title>
<style>
*{margin:0;padding:0;}
html {position:relative;width:100%;height:100%;overflow:hidden;}
body{height:100%;width:100%;background:#EFEFEF;height:100%;overflow:auto;}
#a{width:300px;height:100px;background:red;position:fixed;right:20px;bottom:0px;}
</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 = '111';
		}
	}
}
</script>
</head>
<body>
<div id ="d" style="display:none;">11</div>
<div id='a'>test</div>
start--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------end
</body>
</html>

提示：您可以先修改部分代码再运行

[ 本帖最后由 tudou527 于 2009-7-9 11:32 编辑 ]

TOP

zhanyuzai

中级会员

认证
帖子: 172
体力: 354
威望: 0
当前: 福建泉州
离线: 7 天

专长 JS,PHP,ASP

10^# 大中小发表于 2009-7-9 11:30

position = fixed 在IE下没起作用吧

在线手册

TOP

okwxj

Javin

初级会员

帖子: 122
体力: 157
威望: 0
当前: 广东深圳
离线: 33 天

专长 前端制作,JS,PHP

11^# 大中小发表于 2009-7-9 11:44

的确离奇

JS

TOP

sunxiaobo2008

高飞的小鸟

高级会员

认证
帖子: 432
体力: 945
威望: 12
当前: 上海浦东
离线: 3 天

专长 网页设计,前端制作,PHP

12^# 大中小发表于 2009-7-9 11:50

有意思

My Blog

TOP

Joyce112

初级会员

认证
帖子: 68
体力: 142
威望: 0
当前: 上海普陀
离线: 1 天

13^# 大中小发表于 2009-7-9 12:40

用IeTest在IE8下看貌似报脚本错误嘛，有没有本身装IE8的测过有没有用呀？

TOP

xzx0617

新手上路

帖子: 14
体力: 30
威望: 0
离线: 2 天

14^# 大中小发表于 2009-7-9 13:52

IE8也没问题啊 FF和Safari 也正常不错不错

TOP

okwxj

Javin

初级会员

帖子: 122
体力: 157
威望: 0
当前: 广东深圳
离线: 33 天

专长 前端制作,JS,PHP

15^# 大中小发表于 2009-7-9 13:52

IE8无问题

JS

TOP

cloudgamer

天空里的一片云

版主

认证
帖子: 4135
体力: 8354
威望: 13
当前: 广东佛山

16^# 大中小发表于 2009-7-9 14:04

ls几位，人家关键是ie6
看ie8干嘛

技术blog

图片放大图片切换

TOP

explon

新手上路

帖子: 53
体力: 25
威望: 0
当前: 山东济南
离线: 126 天

17^# 大中小发表于 2009-7-9 14:07

收藏~

TOP

yaohaixiao

会武术的科学家

金牌会员

帖子: 1894
体力: 3198
威望: 45
当前: 湖北武汉

专长 前端制作,JS,ASP

18^# 大中小发表于 2009-7-9 14:55

回复 16# cloudgamer 的帖子

就是啊，IE8本身就支持FIXED啊

YAOHAIXAIO.COM

TOP

qqhunter

初级会员

帖子: 63
体力: 103
威望: 0
离线: 87 天

19^# 大中小发表于 2009-7-9 15:16

reflow的因素？..........用innerText这类也能产生类似结果..........

TOP

cloudgamer

天空里的一片云

版主

认证
帖子: 4135
体力: 8354
威望: 13
当前: 广东佛山

20^# 大中小发表于 2009-7-9 15:20

回复 19# qqhunter 的帖子

reflow肯定一个触发因素
a.style.background = 'red';这样也可以

但关键是
window.onscroll = function(){
a.style.right = '0';
a.style.bottom = '0';
}
这样设置也不会随屏
这就比较奇怪了

技术blog

图片放大图片切换

TOP

novembert

初级会员

认证
帖子: 29
体力: 67
威望: 0
当前: 北京丰台区
离线: 123 天

21^# 大中小发表于 2009-7-9 15:42

是这样把版主

提示：您可以先修改部分代码再运行

TOP

dous

初级会员

帖子: 88
体力: 183
威望: 0
当前: 北京海淀区
离线: 385 天

专长 网页设计,Flash,前端制作

22^# 大中小发表于 2009-7-9 17:45

不过加载时会在左上角闪一下，比较不爽

研究各版主发的帖子

TOP

aobo711

新手上路

帖子: 271
体力: 41
威望: 0
当前: 浙江杭州
离线: 42 天

专长 前端制作,JS,JAVA

23^# 大中小发表于 2009-7-9 22:13

关注

http://jsssc.cn

TOP

lixinlixin2008

初级会员

帖子: 75
体力: 123
威望: 0
当前: 北京海淀区
离线: 221 天

24^# 大中小发表于 2009-7-9 22:19

reflow神奇啊

TOP

kfguoguo

太有钱

高级会员

认证
帖子: 486
体力: 982
威望: 10
当前: 广东深圳

专长 网页设计,JS,PHP

25^# 大中小发表于 2009-7-9 23:29

滚动时还是会上下抖，貌似我的IE6有bug

失业中,8-10k找工作

TOP

Enoch [楼主]

雨弓

高级会员

认证
帖子: 470
体力: 588
威望: 2
当前: 北京昌平区

专长 JS,PHP

26^# 大中小发表于 2009-7-10 09:17

引用:

原帖由 kfguoguo 于 2009-7-9 23:29 发表
滚动时还是会上下抖，貌似我的IE6有bug

不是你IE的bug 我的也抖纯正点的方法都是会抖的吧...... 如果里面填充很多内容反倒不抖了公司里用IETESTER看的

Q群:38067088
AD 招聘PHP*3

TOP

taihom

新手上路

帖子: 9
体力: 33
威望: 0
当前: 广东广州
离线: 380 天

27^# 大中小发表于 2009-7-11 12:45

这还不简单，看我的代码

看看我的，没有JS，完全使用CSS解决。IE6完美支持，无闪烁。

提示：您可以先修改部分代码再运行

TOP

kubau0

幽零

高级会员

认证
帖子: 610
体力: 767
威望: 22
当前: 北京宣武区

专长 前端制作,JS,ASP

28^# 大中小发表于 2009-7-11 12:54

留签

代码是程序员的玩具

TOP

Enoch [楼主]

雨弓

高级会员

认证
帖子: 470
体力: 588
威望: 2
当前: 北京昌平区

专长 JS,PHP

29^# 大中小发表于 2009-7-12 09:57

CSS的HACK挺完美的解决方法应该像cloudgamer说的一样有很多这个帖子除了给出一种解决方法
更主要的是求解这种方法是怎么生效的现在看来我是第一个发现这种现象的怪异的IE6

Q群:38067088
AD 招聘PHP*3

TOP

waitcat

新手上路

帖子: 17
体力: 43
威望: 0
当前: 安徽合肥
离线: 92 天

30^# 大中小发表于 2009-7-12 12:14

果然很YD的方法

TOP