document.documentElement.scrollTop总为0的问题

ieooo 2005-09-19 04:33:14

页面中的<!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">
已经被删除，但是 document.documentElement.scrollTop 的值还是为0，请各位大侠指点一二。

...全文

886 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

Yanbin_Q 2005-09-19

打赏
举报

看看下面的代码

<HEAD>
<TITLE> New Document </TITLE>
</HEAD>

<BODY id="theBody">
<form action="#" method="post">
 
<input type="text" name="__SCROLLPOS" id="__SCROLLPOS" value="10" onclick="javascript:alert(this.scrollLeft);">
<input type="submit" value="submit">
</form>
 
<script language='javascript'>
function saveScrollPosition()
{

document.getElementById("__SCROLLPOS").value = document.body.scrollTop;

alert(document.getElementById("theBody").scrollTop);

}

document.body.onscroll=saveScrollPosition;

function setScrollPosition()
{
document.body.scrollTop = document.getElementById("__SCROLLPOS").value;
}

document.onload=setScrollPosition;
</script>
 
</BODY>
</HTML>

判断document.documentElement和document.body仿佛意义不大

ieooo 2005-09-19

打赏
举报

大家来关注一下啊

ieooo 2005-09-19

打赏
举报

以下是我测试的代码：
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>

<BODY id="theBody">
<form action="#" method="post">
 
<input type="text" name="__SCROLLPOS" id="__SCROLLPOS" value="10" onclick="javascript:alert(this.scrollLeft);">
<input type="submit" value="submit">
</form>
 
<script language='javascript'>
function saveScrollPosition()
{
alert(document.getElementById("theBody").scrollTop);
if (document.documentElement) document.getElementById("__SCROLLPOS").value =document.documentElement.scrollTop;
else if (document.body) document.getElementById("__SCROLLPOS").value = document.body.scrollTop;
}

document.onscroll=saveScrollPosition();
</script>

<script language='javascript'>
function setScrollPosition()
{
document.documentElement.scrollTop = document.getElementById("__SCROLLPOS").value;
}

document.onload=setScrollPosition();
</script>
 
</BODY>
</HTML>