前置条件：
div作为盒子限制高度，并设置overflow:auto。在内容超溢出时会出现滚动条（默认Y轴）
(1)无效果--直接使用scrollTop方法
//100为高度，单位px$('box')scrollTop(100)
(2)有效果--使用animate方法
//100为高度，单位px；300为时间，单位ms$('box')animate({scrollTop:100},300)
JS或者jquery设置滚动条回到顶部的方法：
返回顶部：设置为body的scrollTop为0
滑动效果：animate（Jquery的自定义动画）
备注：returnTop为触发返回顶部的元素ID。
JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。
jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 60+、FF 15+、Safari 20+、Opera 90+等。
$('h2#answers-title')offset()top-$(document)scrollTop();
$('h2#answers-title')offset()top h2#answers-title元素相对于document的垂直位置
$(document)scrollTop() 整个文档被上卷的高度
2者差就是$('h2#answers-title')相对于当前浏览器视图窗口的垂直位置
scrollTop属性始终为0，也有可能是因为浏览器设置了缩放比，浏览器缩放比小于100%，有可能会导致scrollTop属性始终为。把浏览器缩放比设置为100%或者大于100%就可以了
返回顶部：设置为body的scrollTop为0
滑动效果：animate（Jquery的自定义动画）
$("#returnTop")click(function () {var speed=200;//滑动的速度
$('body,html')animate({ scrollTop: 0 }, speed);
return false;
});
备注：returnTop为触发返回顶部的元素ID
<!DOCTYPE html>
<html>
<head>
<meta charset=UTF-8 />
<title>testjQuery</title>
<style>
body{
height: 1111px;
}
</style>
<script src="jquery-180minjs"></script>
<script>
$(window)scroll(function ()
{
var st = $(this)scrollTop();
consolelog(st);
});
</script>
</head>
<body>
<textarea id="area">11</textarea>
</body>
</html>
以上就是关于如何通过JQuery将DIV的滚动条滚动到指定的位置全部的内容，包括:如何通过JQuery将DIV的滚动条滚动到指定的位置、JS或者jquery怎么设置滚动条回到顶部、jQuery中获取元素到页面可视区顶端距离有什么方法等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）