使用jQuery从可滚动div中最后一个元素的div顶部获取位置

【问题标题】：Get the position from div top from last elment in scrollable div with jQuery使用jQuery从可滚动div中最后一个元素的div顶部获取位置
【发布时间】：2022-01-23 01:26:16
【问题描述】：

如何使用 jQuery 从可滚动 div 中的最后一个元素获取 div 顶部的位置？我已经尝试过了，但它不起作用：

let bES = $(id).children().last().scrollTop()
console.log(bES)

【问题讨论】：

标签： javascript jquery

【解决方案1】：

您可以使用.position() 方法读取其top 属性：

let bES = $('#content').children().last().position().top
console.log(bES)

div {
  height: 60px;
  overflow: scroll;
}

input {
  display: block;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="content">
  <input value="123">
  <input value="456">
  <input value="789">
</div>

【讨论】：