JQuery将DIV的滚动条滚动到指定的位置

这里有一个方法可以将DIV的滚动条滚动到其子元素所在的位置，方便自动定位。

var container = $('div'),//定义滚动列表div容器
    scrollTo = $('#row_8');//定义当前待定位的元素

//方法一
container.scrollTop(
    scrollTo.offset().top - container.offset().top + container.scrollTop()
);

//方法二
container.animate({
    scrollTop: scrollTo.offset().top - container.offset().top + container.scrollTop()
});​

不需要任何JQuery插件即可完成所需的效果，非常好用！

---------------------

本文来自 红叶岭谷 的CSDN 博客 ，全文地址请点击：https://blog.csdn.net/male09/article/details/68962061?utm_source=copy 

 

另

Js控制div滚动到指定的位置

有时候可能为了简便或者其他原因，我们用某个div放了一长串内容，想要保证内容可以滚动，但是也会有其他情况，比如需要从别的界面进入该div的时候到指定位置，那么可以采用以下方式：

//1.定义div滚动列表
<div id="test_div">
   内容内容内容
</div>

//2.使用原生js操作div
var test_div = document.getElementById("test_div");
test_div.scrollLeft = screen.width;  //screen.width就是要移动的像素

//3.其他
如果要向下或向右等移动，可以用scrollTop或scrollRight等

//滚动到页面底端（页面内容过多时）
function scrollToEnd(){//滚动到底部
    var scrollHeight = $(document).height()-$(window).height();
    $(document).scrollTop(scrollHeight);
    console.log("执行滚动到底端，height="+scrollHeight);
}

https://blog.csdn.net/xqq580231/article/details/79173783

 

jquery操作滚动条滚动到指定位置

jquery操作滚动条滚动到指定位置在线实例