如何修改JavaScript代码实现滚动到指定ID元素而非页面顶部？

把原来滚动到顶部的逻辑替换为定位到目标元素的代码即可，下面提供两种常用实现方式：

方式一：使用scrollIntoView（推荐，更简洁） #

直接获取目标元素后调用其自带的滚动方法，支持平滑滚动和对齐控制：

document.querySelector("iframe").addEventListener("load", function() {
    // 将 "your-target-id" 替换成你实际要滚动到的元素ID
    const targetElement = document.getElementById("your-target-id");
    // 先判断元素存在，避免报错
    if (targetElement) {
        targetElement.scrollIntoView({
            behavior: 'smooth', // 保持平滑滚动效果
            block: 'start' // 可选：元素与视口顶部对齐，可换成 center/end 调整对齐方式
        });
    }
});

方式二：使用window.scrollTo结合元素偏移量 #

通过获取目标元素距离页面顶部的偏移值，传递给scrollTo方法：

document.querySelector("iframe").addEventListener("load", function() {
    const targetElement = document.getElementById("your-target-id");
    if (targetElement) {
        window.scrollTo({
            top: targetElement.offsetTop, // 获取元素到页面顶部的距离
            left: 0,
            behavior: 'smooth'
        });
    }
});

注意事项 #

• 务必把代码中的your-target-id替换成页面中实际存在的元素ID
• 添加元素存在判断是为了防止目标元素未找到时触发JS错误

内容的提问来源于stack exchange，提问作者user1154435