[求助]终于找到了个随滚动条滚动一起滚动div的代码？看不太懂，谁能解释下 - JavaScript论坛

xinzheng

等　级：新手上路
帖　子：193
专家分：0
注　册：2007-7-22

楼主

问题点数：0 回复次数：2

[求助]终于找到了个随滚动条滚动一起滚动div的代码？看不太懂，谁能解释下

<DIV
style="BORDER-RIGHT: medium none;
BORDER-TOP: medium none;
FILTER:progid:DXImageTransform.Microsoftpadding:8px; ;
LEFT: expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-530);
BORDER-LEFT: medium none;BORDER-BOTTOM: medium none; POSITION: absolute; ;
TOP: expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-300);
TEXT-ALIGN: center;
visibility: hidden"
id="editform"></div>

这个代码实现了随滚动条而滚动，可分辨率不同div的位置不同800的居中了1024的就偏右了谁能研究下看能不能改进下代码不随分辨率改变而改变div的位置

还有一个问题，这个代码在firefox中显示不正确！！！！！！！！！！！

这是我改的留言地址，用ie就是分辨率问题，用火狐就是不成样子
http://751207.11mf.cn/zjwd.asp

[此贴子已经被作者于2007-8-14 1:11:08编辑过]

搜索更多相关主题的帖子: div　medium　body　none　document　

2007-08-14 00:37

xinzheng

等　级：新手上路
帖　子：193
专家分：0
注　册：2007-7-22

第 3 楼

得分:0

JS取clientHeight与scrollTop
先来段数据，下表的值为document.body.clientHeight / document.documentElement.clientHeight
IE FF
Html 608/0 630/11096
Xhtml 10942/591 11076/630
在html/xhtml与ie/ff这4种排列组合下，取得的clientHeight几乎没有一样的，可见写一段兼容3种浏览器两种页面标准的js脚本有多头疼。
暂时总结的判断方法如下：
var h1 = document.body.clientHeight;
var h2 = document.documentElement.clientHeight;
var isXhtml = (h2<=h1&&h2!=0)?true:false; //判断当前页面的Doctype是否为Xhtml
var body = isXhtml?document.documentElement:document.body;
alert(body.clientHeight); //最终结果比较一致
安全的取到scrollTop：
document.body.scrollTop + document.documentElement.scrollTop
判断浏览器的类型，这种写法挺喜欢的：
var ua = navigator.userAgent.toLowerCase ();
var os = new Object();
os.isFirefox = ua.indexOf ("gecko") != -1;
os.isOpera = ua.indexOf ("opera") != -1;
os.isIE = !os.isOpera && ua.indexOf ("msie") != -1;
那这是什么意思？
版主，我是想叫你分别解释下每句的意思

2007-08-14 11:35