87,910
社区成员
发帖
与我相关
我的任务
分享控制div的滚动条问题
我的webform上有1个div,div内有1 datagrid,当我对datagrid的某一行进行操作时,div都会滚回最顶部,有没有什么办法让div留在当前操作行的位置?
谢谢!
谢谢!
...全文
请发表友善的回复…
发表回复
wu_rl519 2005-06-03
- 打赏
- 举报
我放了text_box控件在页面上,点击到该行把div滚动条的位置写到text_box中,然后在onload时再把它的位置设置回去就好了, 谢谢各位
springwood 2005-06-03
- 打赏
- 举报
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
function setHeader() {
test1.scrollLeft = test2.scrollLeft;
}
function init() {
test2.scrollTop= 100;
test2.scrollLeft= 100;
}
//-->
</SCRIPT>
<BODY onload="init()">
<div id="test1" style="width: 500; height: 100; overflow: hidden" border="0">
<table border="1" width="800">
<tr><td>aaaa</td><td>aaaa</td></tr>
</table>
</div>
<div id="test2" style="width: 500; height: 300; overflow: auto" border="0" onscroll="setHeader()" onclick="alert('test')">
<table border="1" width="800" height="800">
<tr><td>bbbb</td><td>bbbb</td></tr>
<tr><td>cccc</td><td>cccc</td></tr>
</table>
</div>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
function setHeader() {
test1.scrollLeft = test2.scrollLeft;
}
function init() {
test2.scrollTop= 100;
test2.scrollLeft= 100;
}
//-->
</SCRIPT>
<BODY onload="init()">
<div id="test1" style="width: 500; height: 100; overflow: hidden" border="0">
<table border="1" width="800">
<tr><td>aaaa</td><td>aaaa</td></tr>
</table>
</div>
<div id="test2" style="width: 500; height: 300; overflow: auto" border="0" onscroll="setHeader()" onclick="alert('test')">
<table border="1" width="800" height="800">
<tr><td>bbbb</td><td>bbbb</td></tr>
<tr><td>cccc</td><td>cccc</td></tr>
</table>
</div>
</BODY>
</HTML>
springwood 2005-06-03
- 打赏
- 举报
把当时的div的scrollTop和scrollLeft传到下个页面。在onload里把div的scrollTop和scrollLeft设成所传的值
wu_rl519 2005-06-03
- 打赏
- 举报
不行
hchxxzx 2005-06-03
- 打赏
- 举报
以下为经验证过的写法,确实没有问题.
<script language="javascript">
function GetCookie (name)
{
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen)
{
var j = i + alen;
if (document.cookie.substring(i, j) == arg)
{
return getCookieVal (j);
}
i = document.cookie.indexOf(" ", i) + 1;
if (i == 0)
{
break;
}
}
return null;
}
function getCookieVal (offset)
{
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
function SetCookie (name, value)
{
document.cookie = name + "=" + escape (value);
}
</script>
</HEAD>
<body bgColor="#f1f5f5" leftMargin="0" topMargin="0" rightMargin="0" MS_POSITIONING="FlowLayout" onload="document.body.scrollTop=GetCookie('posy')" onunload="SetCookie('posy',document.body.scrollTop)">
<script language="javascript">
function GetCookie (name)
{
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen)
{
var j = i + alen;
if (document.cookie.substring(i, j) == arg)
{
return getCookieVal (j);
}
i = document.cookie.indexOf(" ", i) + 1;
if (i == 0)
{
break;
}
}
return null;
}
function getCookieVal (offset)
{
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
function SetCookie (name, value)
{
document.cookie = name + "=" + escape (value);
}
</script>
</HEAD>
<body bgColor="#f1f5f5" leftMargin="0" topMargin="0" rightMargin="0" MS_POSITIONING="FlowLayout" onload="document.body.scrollTop=GetCookie('posy')" onunload="SetCookie('posy',document.body.scrollTop)">
