scrollIntoView не перемещается к элементу

Question

Я использую scrollIntoView для перехода к элементу с правильным индексом. Он не прокручивается и остается в той же позиции

 scrollToNextQuestion(indexCard, indexQuestion): void {

  const htmlRef = document.getElementById('lazyAccordionTab-' + indexQuestion);
  console.log('htmlRef --> ', htmlRef);
  try {
    htmlRef.scrollIntoView({behavior: 'smooth', block: 'start'});
    this.cdRef.detectChanges();
  } catch (err) {
  }

}

Я передаю индекс, по которому хочу прокрутить. Но не работает. Структура html находится здесь

В чем может быть проблема?

элемент, в котором я хочу go напечатано

EDITED

const htmlRef = document.getElementById('accordionTab-'+indiceTabScheda).querySelector('[role="tablist"]').querySelector('#lazyAccordionTab-'+indiceDomanda).lastElementChild;

Я заменил этот фрагмент кода

Answer 1

Можете попробовать что-нибудь подобное?

var topOfElement = document.querySelector('#lazyAccordionTab-'+ indexQuestion).getBoundingClientRect().top;
window.scroll({ top: topOfElement, behavior: "smooth" });