社区
CSS
帖子详情
在页面中添加滚动条后怎么用按键控制滚动
emouse_cat
2007-12-25 03:35:43
在页面中添加了一个滚动条,用鼠标可以移动滚动条.我现在想用页面上的两个按纽,上移和下移来控制滚动条的滚动,有没有什么好的方法?
...全文
523
7
打赏
收藏
在页面中添加滚动条后怎么用按键控制滚动
在页面中添加了一个滚动条,用鼠标可以移动滚动条.我现在想用页面上的两个按纽,上移和下移来控制滚动条的滚动,有没有什么好的方法?
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用AI写文章
7 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
i2ibm
2007-12-26
打赏
举报
回复
搞什麼,沒一個能用的。
emouse_cat
2007-12-25
打赏
举报
回复
我把那段换成3楼的<div id="t" style="width:17px;height:100px;overflow-y:scroll;">
也是加了 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"就报错了,请问什么原因啊
西安风影
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>
emouse_cat
2007-12-25
打赏
举报
回复
可以讲下scrollTop的详细用法吗?
dh20156
2007-12-25
打赏
举报
回复
可以通过改变滚动区域的scrollTop来改变滚动条的位置
Delphi控制TRichEdit组件文字内容
滚动
..rar
7. **Perform** 方法:此方法允许向控件发送消息,实现一些特定的操作,例如模拟键盘按键(如WM_VSCROLL或WM_HSCROLL)来控制
滚动
条
。 8. **TMemoMessages单元**:这个单元包含了与TRichEdit组件相关的Windows消息...
JS弹出层遮罩,隐藏背景
页面
滚动
条
细节优化分析
在探讨JS弹出层遮罩隐藏背景
页面
滚动
条
细节优化分析的过程
中
,我们首先要了解为什么要隐藏背景
页面
的
滚动
条
,以及如何通过各种方法实现这一效果。 一、去除
滚动
条
方法 当我们在
页面
上
添加
一个遮罩层时,通常需要...
自定义
滚动
条
3.0
在给出的代码示例
中
,通过CSS类`.dumascroll`的应用,可以轻松地为指定的div
添加
自定义
滚动
条
效果。`.dumascroll_area`、`.dumascroll_bar`、`.dumascroll_handle`等相关类用于定义
滚动
条
的各个部分的样式,确保了...
JavaScript网页特效范例宝典源码
实例205 在表格
中
添加
行及单元格 322 实例206 删除表
中
的单元格 324 7.5 表格的特殊效果 325 实例207 透明表格 326 实例208 限制表格的宽度 327 实例209 表格的标题 328 实例210 表格的外阴影 329 实例211 立体表格 ...
JqueryMobile+iScroll上拉刷新Demo
同时,`scrollbar.css`和`scrollbar.png`可能包含了
滚动
条
的样式和图像资源,以提供更好的视觉反馈。 4. **实际应用**: - **`index.html`**:这是项目的主入口文件,包含了HTML结构,可能包含了`jQuery Mobile`的...
CSS
61,129
社区成员
60,711
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章