javascript - 如何滚动到 ul 列表中的 li 元素

Question

我在带有 li 元素的 div 中有一个 ul 列表，而 li 元素内部是一个复选框。我有复选框的 ID。所以我想获取复选框的父 li 元素并滚动到它的位置。我无法让它发挥作用。

我的html是这样的:

<div id="divElement">
   <ul>
      <li>
         <input type="checkbox" id="343532532523" />
      </li>
   </ul>
</div>

我试过这两种方法，但它们对我不起作用:

$('#divElement').scrollTop($('#343532532523').parent().position().top);
$('#divElement').firstChild().scrollTop($('#343532532523).parent().position().top);

Answer 1

如果有人需要 vanilla JS 版本，下面的版本对我来说效果很好，50 的值只是为了让我在接近列表顶部时显示整个项目。你可以调整它。

function updateListSelection(liID) {

    var list = document.getElementById("id Tag Of The <UL> element"),
        targetLi = document.getElementById(liID); // id tag of the <li> element

    list.scrollTop = (targetLi.offsetTop - 50);
};