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

如题所述

举报该文章

相关建议 2017-04-11

前置条件：

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

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

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

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

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

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

温馨提示：内容为网友见解，仅供参考

当前网址：https://22.t2y.org/zz/cshffh6cxtstx0chii.html

其他看法

第1个回答 2016-12-30

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

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

第2个回答 2016-11-26

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

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

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

第3个回答 2017-03-01

$("div").scrollTop(300)

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

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

第4个回答 2017-01-17

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

相似回答

大家正在搜