Scrolling ul zu spezifischen li

Question

Ich habe eine ungeordnete Liste #ul mit Set max-height und overflow-y: scroll es beherbergt eine Menge von Liste Tags mit eindeutigen IDs wie #item-1.

Ich versuche, einen Weg, um herauszufinden, dieses ul-Element auf bestimmt li blättern, wenn es aktiviert ist, so weit habe ich versucht,

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

Aber ich Fehler erhalten, dass scrollTo keine Funktion ist.

Bitte nur Vanille js Lösungen zur Verfügung stellen.

HTML zeigen, was ich im Moment haben: https://jsfiddle.net/axu8eywr/1

Answer 1

Sie haben die Scrolling verwirrt Funktionen.

Es ist entweder:

• 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