本文介绍如何让嵌入在 iframe 中的网页在加载完成后自动平滑滚动至页面底部，适用于数字标牌、信息展示屏等无需交互的场景。
要在 iframe 中实现目标页面的自动滚动到底部，关键在于：目标页面（即 iframe 的 src 所指向的 HTML 文件）自身需包含滚动逻辑，而非在父页面中控制 iframe 的滚动——因为跨域限制及 iframe 的 DOM 隔离机制，父页面通常无法直接操作子页面的 scrollTo（除非同源且显式获取 iframe.contentWindow）。
✅ 推荐做法：在目标页面（即被嵌入的 HTML）末尾添加 JavaScript，监听页面加载完成，并执行平滑滚动到底部：
自动滚动页面 欢迎来到自动滚动展示页
这是第2段内容...
HMCSS通用企业网站系统1.0下载HMCSS是由河马工作室全新开发的通用的企业网站系统，是PHP+MYSQL的架构，采用DIV+CSS的方式进行网页布局，网站的功能包括有：企业简介，图片展示幻灯，产品图片滚动，企业荣誉，实力展示，产品分类及展示，网上招聘，在线留言，联系我们，在线地图等内容，另外还带有完整的管理后台，如网站SEO优化关键词等都可以自由设定。 HMCSS目前发布的是1.0版本，就是上述的这些内容。后面我们还要加上产品
这是最后一段内容，位于页面底部。
? 重要注意事项：
- ✅ behavior: "smooth" 提供原生平滑动画，现代浏览器均支持；若需兼容旧版 IE，可降级为 window.scrollTo(0, document.body.scrollHeight)（无动画）。
- ✅ 建议使用 DOMContentLoaded 而非直接写在
- ❌ 不要在父页面中尝试 iframe.contentWindow.scrollTo(...) —— 若 iframe 跨域（如加载外部网站），将触发安全策略报错（Blocked a frame from accessing a cross-origin frame）。
- ⚠️ 若需循环滚动（如“回到顶部→再滚到底”），可结合 setInterval 与 scrollIntoView() 或 CSS @keyframes 实现，但需注意性能与用户体验。
? 进阶提示（同源 iframe 场景）：
若 iframe 与父页面同源，你也可在父页面中监听 iframe 加载完成事件并触发滚动：
const iframe = document.getElementById('myIframe');
iframe.addEventListener('load', () => {
const iframeDoc = iframe.contentDocument || iframe.contentWindow.document;
iframe.contentWindow.scrollTo({
top: iframeDoc.body.scrollHeight,
behavior: 'smooth'
});
});但该方式仅限同源，且依赖 iframe 内容已完全渲染。因此，最通用、最可靠的方式仍是让目标页面自我驱动滚动——简洁、健壮、无依赖、零跨域风险。
