Я пытался использовать scrollIntoView () с smoothscroll.polyfill (), но я пытался пару раз использовать эту функцию в Microsoft Edge, и текст отображается в верхней части экрана, но в Mozilla Firefox и Google Chrome централизует div. Вот код ниже:
app.component. html:
<button (click)="scroll()">Click</button>
<div>Hello World</div>
<div>Hello World</div>
[...]
<div class="hello">Hello World Test</div>
[...]
<div>Hello World</div>
<div>Hello World</div>
app.component.ts:
scroll() {
document.querySelector('.hello').scrollIntoView({ behavior: 'smooth', block: 'center', inline: 'center'})
}
Примечание: я использую Angular v9.1.0 (Последняя версия).
Спасибо за все!