文本框内容的滚动

最新推荐文章于 2024-06-30 03:51:12 发布

原创最新推荐文章于 2024-06-30 03:51:12 发布 · 583 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#function

js文章专栏收录该内容

13 篇文章

订阅专栏

本文介绍了一种使用jQuery实现评论框上下滚动的方法。通过向上和向下按钮触发滚动事件，每次滚动50像素，并且确保了动画平滑过渡。

$(function(){
	    var $comment = $('#comment');//获取评论框
	    $('.up').click(function(){ //向上按钮绑定单击事件
		   if(!$comment.is(":animated")){//判断是否处于动画
			$comment.animate({ scrollTop  : "-=50" } , 400);   //scrollTop获取匹配元素相对滚动条顶部的偏移。(此方法对可见和隐藏元素均有效)

			}
		})
		$('.down').click(function(){//向下按钮绑定单击事件
		   if(!$comment.is(":animated")){
			$comment.animate({ scrollTop  : "+=50" } , 400);
			}
		});
	});