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

最新推荐文章于 2024-09-02 13:54:18 发布

原创最新推荐文章于 2024-09-02 13:54:18 发布 · 221 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

javascript 同时被 2 个专栏收录

13 篇文章

订阅专栏

jquery

5 篇文章

订阅专栏

本文介绍如何利用jQuery实现将DIV滚动条精确滚动到其内部子元素所在位置的功能，无需额外插件，操作简便高效。

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

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

var container = $('div'),
    scrollTo = $('#row_8');

container.scrollTop(
    scrollTo.offset().top - container.offset().top + container.scrollTop()
);

// Or you can animate the scrolling:
container.animate({
    scrollTop: scrollTo.offset().top - container.offset().top + container.scrollTop()
});

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