Question

如何通过JQuery将DIV的滚动条滚动到指定的位置

Answer 1

1. 前置条件：

   div作为盒子限制高度，并设置overflow:auto。在内容超溢出时会出现滚动条（默认Y轴）

2. 实现滚动条滚动到指定位置有两种情况：无效果 和 有动画效果

(1)无效果--直接使用scrollTop方法

//100为高度，单位px
$('.box').scrollTop(100)

(2)有效果--使用animate方法

//100为高度，单位px；300为时间，单位ms
$('.box').animate({scrollTop:100},300)

Answer 2

$("#div_id").animate({scrollTop: 100}, 300);

以上代码可以实现，scrollTop 表示向下滚到多少距离，300表示滚动动画时间，单位毫秒

Answer 3

1. 先在指定的位置定义 一个 div。

2. 在js中获取该div，然后滑动到该div所在位置
   

var container = $('div');
container.scrollTop(100);//滚动到div 100px

Answer 4

$("div").scrollTop(300)

设置上滚动值为300px
$("div").scrollTop()
获取上滚动值
$("div").scrollLeft(300)

设置左滚动值为300px
$("div").scrollLeft()
获取左滚动值
jq中文文档：http://jquery.cuishifeng.cn/

Answer 5

$('div').prop('scrollTop','100px')