返回顶部和回到底部

最新推荐文章于 2023-03-29 23:21:31 发布

我只会写Bug啊

最新推荐文章于 2023-03-29 23:21:31 发布

阅读量416

点赞数

分类专栏：前端 javascript 文章标签： js jquery 返回顶部返回底部 scrollTop

本文链接：https://blog.csdn.net/qq_28584685/article/details/97248433

版权

前端同时被 2 个专栏收录

64 篇文章 1 订阅

订阅专栏

javascript

21 篇文章 0 订阅

订阅专栏

经常会有返回顶部、回到底部的需求，推荐一种比较简单的写法
JQ中有 scrollTop() 方法可以帮助我们快速实现该需求

示例：


<html>
<body >
<div class="div1" style="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.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  onclick="test()">测试返回</butoon>
</body>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
	function test(){
		 $(".div1").scrollTop(0);//此为滚动条的位置--返回顶部
		 $(".div1").scrollTop($(document).height());//此为滚动条的位置---返回底部 直接取dom的高度
	}
</script>
</html>