5.9w+
社区成员
- 主页
- 问答
在页面中添加滚动条后怎么用按键控制滚动
在页面中添加了一个滚动条,用鼠标可以移动滚动条.我现在想用页面上的两个按纽,上移和下移来控制滚动条的滚动,有没有什么好的方法?
...全文
请发表友善的回复…
发表回复
i2ibm 2007-12-26
搞什麼，沒一個能用的。
emouse_cat 2007-12-25
我把那段换成3楼的<div id="t" style="width:17px;height:100px;overflow-y:scroll;">
也是加了 id = "t"后就错了 不加id就可以
也是加了 id = "t"后就错了 不加id就可以
emouse_cat 2007-12-25
看下我下面这段
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Display Device Status</title>
</head>
<body scroll="no" topmargin="0" leftmargin="0" bgcolor="#3461B4" >
<div id="Layer2" style="position:absolute; left:25%; top:5%; width:50%; height:70%; z-index:2">
</div>
<div id="Layer3" style="position:absolute; left:20%; top:15%; width:50%; height:70%; z-index:3">
</div>
<SCRIPT type="text/javascript">
<!--
//Begin
var strTableRow;
var varorderDoc;
varorderDoc = new ActiveXObject("MSXML2.DOMDocument.4.0");
var i;
var strHtml="";
strHtml = "<div style='overflow:scroll;overflow-x:hidden;height:49%;' ><table border=3 width=120% align=center style='border-collapse:collapse;' id='systemTable'>"
for (i = 0;i< strTableRow;i++)
{
strHtml += "<tr align='center' style='display:none' id='OPList"+ (i + 1) + "'><td align='left' style='background-color:#ffffff' id='ListColor"+ (i + 1) + "'><font size='4' style='color:#FFFFFF;' face='隶书' id=Property></font></td>;"
}
strHtml +="</table></div>";
document.getElementById("Layer3").innerHTML = strHtml
}
// End -->
</SCRIPT>
<div id="Layer4" style="position:absolute; left:0; top:0; width:100%; height:100%; z-index:4">
<table border="0" width="100%">
<tr>
<td width="50%"> </td>
<td width="50%" align="right"><img src="Button/B1_upPage.gif" id=F2> </td>
</tr>
<tr>
<td width="50%"> </td>
<td width="50%" align="right"><img src="Button/B1_downPage.gif" id=F4> </td>
</tr>
<tr>
<td width="50%"></td> <img src="Button/Manage/B1_RestartATM.gif" id=F5> </td>
<td width="50%" align="right"><img src="Button/B1_Clear.gif" id=F6> </td>
</tr>
<tr>
<td width="50%"><img src="Button/B1_Back.gif" id=F7> </td>
<td width="50%" align="right"><img src="Button/B1_Enter.gif" id=F8> </td>
</tr>
</table>
</div>
</body>
我参照3楼的方法改了下,在strHtml = "<div id = "t" style='overflow:scroll;overflow-x:hidden;height:49%;' >添加了id = "t"就报错了,请问什么原因啊
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Display Device Status</title>
</head>
<body scroll="no" topmargin="0" leftmargin="0" bgcolor="#3461B4" >
<div id="Layer2" style="position:absolute; left:25%; top:5%; width:50%; height:70%; z-index:2">
</div>
<div id="Layer3" style="position:absolute; left:20%; top:15%; width:50%; height:70%; z-index:3">
</div>
<SCRIPT type="text/javascript">
<!--
//Begin
var strTableRow;
var varorderDoc;
varorderDoc = new ActiveXObject("MSXML2.DOMDocument.4.0");
var i;
var strHtml="";
strHtml = "<div style='overflow:scroll;overflow-x:hidden;height:49%;' ><table border=3 width=120% align=center style='border-collapse:collapse;' id='systemTable'>"
for (i = 0;i< strTableRow;i++)
{
strHtml += "<tr align='center' style='display:none' id='OPList"+ (i + 1) + "'><td align='left' style='background-color:#ffffff' id='ListColor"+ (i + 1) + "'><font size='4' style='color:#FFFFFF;' face='隶书' id=Property></font></td>;"
}
strHtml +="</table></div>";
document.getElementById("Layer3").innerHTML = strHtml
}
// End -->
</SCRIPT>
<div id="Layer4" style="position:absolute; left:0; top:0; width:100%; height:100%; z-index:4">
<table border="0" width="100%">
<tr>
<td width="50%"> </td>
<td width="50%" align="right"><img src="Button/B1_upPage.gif" id=F2> </td>
</tr>
<tr>
<td width="50%"> </td>
<td width="50%" align="right"><img src="Button/B1_downPage.gif" id=F4> </td>
</tr>
<tr>
<td width="50%"></td> <img src="Button/Manage/B1_RestartATM.gif" id=F5> </td>
<td width="50%" align="right"><img src="Button/B1_Clear.gif" id=F6> </td>
</tr>
<tr>
<td width="50%"><img src="Button/B1_Back.gif" id=F7> </td>
<td width="50%" align="right"><img src="Button/B1_Enter.gif" id=F8> </td>
</tr>
</table>
</div>
</body>
我参照3楼的方法改了下,在strHtml = "<div id = "t" style='overflow:scroll;overflow-x:hidden;height:49%;' >添加了id = "t"就报错了,请问什么原因啊
曹长科 2007-12-25
ls方法可行
dh20156 2007-12-25
参考：
<div id="t" style="width:17px;height:100px;overflow-y:scroll;">
<div style="height:1000px;"></div>
</div>
<button onclick="up();"> up </button>
<button onclick="down();"> down </button>
<script type="text/javascript">
var obj = document.getElementById("t");
function up(){
if(obj.scrollTop>0){
obj.scrollTop -= 10;
}
}
function down(){
if(obj.scrollTop<obj.scrollHeight){
obj.scrollTop += 10;
}
}
</script>
<div id="t" style="width:17px;height:100px;overflow-y:scroll;">
<div style="height:1000px;"></div>
</div>
<button onclick="up();"> up </button>
<button onclick="down();"> down </button>
<script type="text/javascript">
var obj = document.getElementById("t");
function up(){
if(obj.scrollTop>0){
obj.scrollTop -= 10;
}
}
function down(){
if(obj.scrollTop<obj.scrollHeight){
obj.scrollTop += 10;
}
}
</script>
emouse_cat 2007-12-25
可以讲下scrollTop的详细用法吗?
dh20156 2007-12-25
可以通过改变滚动区域的scrollTop来改变滚动条的位置