如何用button控制div的滚动条?

我想通过两个按钮来控制div里滚动条向上或者向下。如何实现?... 我想通过两个按钮来控制div里滚动条向上或者向下。如何实现? 展开
 我来答
匿名用户
推荐于2016-09-20
展开全部
<!DOCTYPE HTML>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="" type="text/css" />
<style>
    #div1{
width:200px;
height:200px;
background:#eee;
overflow-y:scroll;
}
p{line-height:20px;}
</style>
<script>
window.onload=function(){
var obtnup = document.getElementById('up');
var obtndown = document.getElementById('down');
var odiv = document.getElementById('div1');
obtnup.onclick=function(){
odiv.scrollTop=odiv.scrollTop-20
}
obtndown.onclick=function(){
odiv.scrollTop=odiv.scrollTop+20
}
}
</script>
</head>
<body>
<div id="div1">
<p>11111</p>
<p>22222</p>
<p>33333</p>
<p>44444</p>
<p>55555</p>
<p>66666</p>
<p>77777</p>
<p>88888</p>
<p>99999</p>
<p>00000</p>
<p>11111</p>
<p>22222</p>
<p>33333</p>
<p>44444</p>
</div>
<button id="up">上</button>
<button id="down" >下</button>
</body>
</html>

本人是js的新手,在此奉上刚刚写好的代码,如有bug请提出。火狐,谷歌测试无误,手打辛苦,有用则望采纳。

书蒙雨wy
2014-08-28 · 超过64用户采纳过TA的回答
知道答主
回答量:187
采纳率:100%
帮助的人:62.2万
展开全部
有一个小软件叫网页助手
里面有一个工具是专门控制滚动条的
很好用
你可以试试
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友96ffcf7
推荐于2018-05-07 · 知道合伙人互联网行家
百度网友96ffcf7
知道合伙人互联网行家
采纳数:22721 获赞数:118722
从事多年网络方面工作,有丰富的互联网经验。

向TA提问 私信TA
展开全部
JAVASCRIPT中页面元素的定位。clientX、clientY 是鼠标当前相对于网页的位置,当鼠标位于页面左上角时 clientX=0, clientY=0;
offsetX、offsetY 是鼠标当前相对于网页中的某一区域的位置,当鼠标位于页面中这一区域的左上角时offsetX=0, offsetY=0;
screenX、screenY 是鼠标相对于用户整个屏幕的位置。x、y是鼠标当前相对于当前浏览器的位置。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离(因为有滚动条的产生,所以目前页面可见内容是不定的)。
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离。
left:对象相对于页面的X坐标。
top:对象相对于页面的Y坐标。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式