滚动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