//要控制的元素
var result = $(".result-container");
if (result.length) {
$('html, body').animate({scrollTop: result.offset().top},1000)
console.log(result.offset().top)
}

//后面scrollTop的属性值 result.offset() 是获取元素相对页面的位置里面有两个属性 top和left, 元素的margin 也算相对页面的位置

原文链接：https://blog.csdn.net/qq_44576005/article/details/111210369

本文实例讲述了 jQuery 实现点击 滚动 到 指定 元素 上的方法。分享给大家供大家参考，具体如下： jquery 点击 滚动 到 指定 元素 上， 1.获取 指定 元素 的offset() 得到偏移 位置 ，返回结果是top 和left  获取offset().top , offset().left 单位是像素 只对可见 元素 有效 2.body 和html 使用animate方法的scrollTop股东到 指定 位置 3.id参数为 滚动 到 指定 元素 的ID， p_top是 指定 元素 的margin 和padding值，这个值暂时没有意义 function scrollPosition(id,p_top) { /*获取某 个元素 的 我有这个 input 元素 ：然后我有一些其他 元素 ，比如其他标签的 & 个标签等...当用户点击 时，页面应该 滚动 到页面的 最后 一 个元素 ，并且应该使用漂亮的动画来做到这一点（应该是 滚动 到底部而不是顶部）。页面的 最后 一项是带有 #submit 的 submit 按钮：动画不应该太快，应该是流畅的。我正在运行最新的 jQuery 版本。我宁愿不安装任何插件，而是使用默认的 jQuery 功能来实现这一点。 当容器有 滚动 条时,有时需要点击 或 将页面 滚动 到 指定 元素 位置 比如父 元素 设置了 ,当 元素 里的内容超过 元素 本身的高度时, 就会出现 滚动 条, 那么鼠标滑动的距离就是其 滚动 距离. 如何设置 滚动 scrollTop属性 就是指 “ 元素 中的内容” 超出 “ 元素 上边界” 的那部分的高度。 直接给父 元素 的scrollTop赋值: 这种方法比较直接, 但是因为是直接设置的dom 元素 的js属性 而不是css属性, 所以想通过这种方法设置过渡动画是没 有效 果的(transition: all 1s linear; 无效)补充: 有 元素 滚动 到底部原理 element.scrollHeight - element.scrollTop === element.clientHeight 另外一种判断方法（ 元素 占据整屏适用） element.getBoundingClientRect().bottom - element.clientHeight < threshold 1、判断 滚动 条 滚动 到最底端： scro... 但是小程序中 只有 页面 滚动 pageScroll 但是这个时候 我们就搞不了吗 建议将长列表 改成 ScrollView 滚动 列表进行操作，然后通过设置这个列表的scrollTop 进行设置 我这里拿taro举例子。其实原生小程序和uniapp 差不多和这个一样 <ScrollView className='scrollview' scrollY scrollWithAni 现在我们来了解几个dom属性: scrollTop:获取或设置一 个元素 的内容垂直 滚动 的像素数，当一 个元素 的内容没有产生垂直方向的 滚动 条，那么它的 scrollTop 值为0 scrollHeight:这是一个只读属性，是 元素 内容高度的度量，... 场景1、列表使用scroll-view标签的bindscrolltolower实现的分页 滚动 加载 场景2、列表使用view标签和onReachBottom结合实现的分页 滚动 加载 当 滚动 到 最后 一页 最后 一条数据时，该条数据可以通过按钮展开收起部分 元素 ，默认是收起的状态，当点击按钮时会在该条数据后面展开一些 元素 。此时该条数据的整体高度是增大的，整个页面的高度也是增大的。 由于在展开 元素 前， 滚动 条已经 滚动 到最底部了，此时无法监测到页面高度增加了，导致展开的 元素 在最底部没有展示出来了，需要手动 滚动 页面后，才会 假设有一个div，里面会不断append新的内容，当超过一定高度后会出现 滚动 条。 但是新内容append后， 滚动 条的 位置 始终不变，会在顶部。这种体验很不好，我们希望能够动态调整 滚动 条 位置 到最新数据处。 关于 滚动 条 jQuery 提供了一下方法： scrollTop() 方法，可以用来返回或设置匹配 元素 的 滚动 条的垂直 位置 ； scrollHeight()方法，获取 滚动 条高度；