Preview:
import { LightningElement } from 'lwc';

export default class ScrollToElement extends LightningElement {
    handleScrollClick() {
        console.log('Button clicked');
        const topDiv = this.template.querySelector('[data-id="redDiv"]');
        if (topDiv) {
            topDiv.scrollIntoView({ behavior: 'smooth', block: 'start', inline: 'nearest' });
        }
    }
}
downloadDownload PNG downloadDownload JPEG downloadDownload SVG

Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!

Click to optimize width for Twitter