Javascript to scroll to element with ID [duplicate]

Question

I've got a script that scrolls the page to the top when a form in an iframe has submitted and new content loads into the iframe.

document.querySelector("iframe").addEventListener("load", 
function() {
    window.scrollTo({
top: 0,
left: 0,
behavior: 'smooth'
});
});

Instead of scrolling to the top I need the page to scroll to a particular element with a specific ID. How would that code need to change?

Thank you @SyndRain. But I'm having problems combining this with the code I've got. — user1154435
– user1154435, Commented May 3, 2024 at 6:35

jessegavin · Accepted Answer · 2024-05-02 16:00:30Z

0

document.getElementById("here is your element ID").scrollIntoView();

jessegavin

75.8k28 gold badges141 silver badges165 bronze badges

answered May 2, 2024 at 15:18

Bilokon Evgeniy

193 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Thank you. Are you able to tell me how to integrate this with the code I've already got?