How to scroll to a DOM element?

Question

Angular

There is a block

<div id="section_GENERICPARAMETERS_GENERICPARAMETERS"></div>

By clicking on the link, I scroll to this block

public scrollTo(e, id: string): void {
        e.preventDefault();
        const targetElement = document.getElementById(id);
        targetElement.scrollIntoView({ behavior: 'smooth', block: 'start', inline: 'nearest' });
    }

But it doesn't work. There are no errors. The element is definitely on the page (dialog box).
What could be the problem?

Could the reason be that the DOM element is being built dynamically?

Maybe get all the children @ViewChildren() itemElements: QueryList<any>;

then loop through them and compareitem.id == selectedItem.id