<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="jss/jquery-1.3.2.min.js"></script>
<title>文本域的滚动条高度变化</title>
</head>
<body>
<div class="messsge">
<div class="msg_top">
<input type="button"value="向上"id="upBtn"/> <input type="button"value="向下"id="downBtn"/>
</div>
<div class="tt">
<textarea id="content"rows="4"cols="35">
肖战 王一博 王俊凯 王源 易烊千玺
肖战 王一博 王俊凯 王源 易烊千玺
肖战 王一博 王俊凯 王源 易烊千玺
肖战 王一博 王俊凯 王源 易烊千玺
肖战 王一博 王俊凯 王源 易烊千玺
肖战 王一博 王俊凯 王源 易烊千玺
</textarea>
</div>
</div>
<script>
$(document).ready(function(){
var $content=$("#content"); //获取文本域对象
$("#upBtn").click(function(){ //向上按钮的单击事件
if(!$content.is(":animated")){ //是否处于动画中
if($content.height()<350){
$content.animate({scrollTop:"-=40"},500);
}
}
})
$("#downBtn").click(function(){ //向下按钮的单击事件
if(!$content.is(":animated")){ //是否处于动画中
if($content.height()>40){
$content.animate({scrollTop:"+=40"},500);
}
}
})
})
</script>
</body>
<html>
文本域滚动条变化
最新推荐文章于 2024-02-02 19:02:47 发布