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' }); } } }
Preview:
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