页面内滚动条定位

最新推荐文章于 2024-03-25 16:19:22 发布

转载最新推荐文章于 2024-03-25 16:19:22 发布 · 1.6k 阅读

代码记录专栏收录该内容

17 篇文章

订阅专栏

本文介绍了一种使用JavaScript来实现页面中元素平滑滚动的方法。通过获取目标元素的位置，并结合当前滚动容器的状态，可以精确地调整滚动条位置，使得目标元素出现在可视区域内。此方法适用于需要在复杂布局中进行元素定位的场景。

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()
});