文本域的滚动条高度变化

最新推荐文章于 2021-06-07 19:04:56 发布

BTS__TING

最新推荐文章于 2021-06-07 19:04:56 发布

阅读量272

点赞数

本文链接：https://blog.youkuaiyun.com/BTS__TING/article/details/103170554

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script type="text/javascript"src="js/jquery-1.11.1.min.js"></script>
		<title></title>
	</head>
	<body>
		<div class="messsge">
			<div class="msg_top">
				<input type="button"value="向上"id="upBtn"/>&nbsp;&nbsp;<input type="button"value="向下"id="downBtn"/>
			</div>
			<div class="tt">
				<textarea id="content"rows="4"cols="35">nxklnjlcbsdjlbvjldbjklbvkdhbckhjlcsbjdsjfcdhskjcbsdkjfgkjsgjksbckjsbckjsdbkjsbckjzbckjsbckjsbckjsbckjsbckj
				cbjbcjksbckjbskjbckjasbkj</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>