单击按钮实现滚动条滚动,该怎么处理

单击按钮实现滚动条滚动
单击按钮实现滚动条滚动,该怎么处理

今天用jquery弄了一天了，网上找了各种例子结果还是没弄出来。
单击按钮实现滚动条滚动,该怎么处理

这是已经弄好的滚动条内容，现在像点击三角形图标滚动时间。
唉！！！好苦逼。
------解决方案--------------------



<html>

<head>

<script type="text/javascript" src="jquery-1.7.2.min.js"></script>

<script type="text/javascript">

$(document).ready(function(){

	var h = 0

  $(".btn1").click(function(){

	h += 100;

    $("div").scrollTop(h);

  });

  $(".btn2").click(function(){

	if(h<=0){

		return;

	}

    h -= 100;

    $("div").scrollTop(h);

  });

});

</script>

</head>

<body>

<div style="border:1px solid black;width:200px;height:200px;overflow:auto">

This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text.

</div>

<button class="btn1">down</button>

<br />

<button class="btn2">up</button>

</body>

</html>

单击按钮实现滚动条滚动,该怎么处理

相关推荐