滾動ul到特定的li

Question

我有一個無序列表#ul與集合max-height和overflow-y: scroll它包含了很多列表標籤，其中包含唯一標識，如#item-1。

我試圖找出一個辦法，如果它被選中滾動到特定李這個UI元素，到目前爲止，我已經試過

let ul = document.getElementById('ul'); 
let li = document.getElementById('item-1') // can be item-2 etc.. 
ul.scrollTo(0, li.offsetTop) 

，但我得到的錯誤說scrollTo是不是一個函數。

請僅提供香草js解決方案。

HTML呈現什麼我都不得不時刻：https://jsfiddle.net/axu8eywr/1

Answer 1

你有困惑的滾動功能。

這是不是：

• window.scrolTo(x,y) - https://developer.mozilla.org/en/docs/Web/API/Window/scrollTo
• (element).scrollIntoView() - https://developer.mozilla.org/en/docs/Web/API/Element/scrollIntoView