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