同源时可用window.parent.scrollY或Math.max(document.documentElement.scrollTop,document.body.scrollTop)获取父页面滚动位置；跨域时必须用postMessage通信并校验origin，或用IntersectionObserver监听元素进入视口。
iframe里用window.parent访问父页面滚动位置要跨域检查
如果 iframe 和父页面同源（协议、域名、端口完全一致），可以直接读取父页面的scrollTop值；否则浏览器会抛出Blocked a frame with origin ... from accessing a cross-origin frame错误，这是安全限制，无法绕过。
常见错误现象：在控制台看到Uncaught DOMException: Permission denied to access property "scrollY"或类似报错，说明正在尝试跨域读取。
- 同源时可用：
window.parent.document.documentElement.scrollTop或window.parent.scrollY -
document.documentElement.scrollTop兼容性更好（IE9+），window.scrollY更简洁但 IE 不支持 - 父页面若用了
body { height: 100%; overflow: auto }等布局，滚动可能发生在<body>上，此时需用window.parent.document.body.scrollTop——建议统一用Math.max(document.documentElement.scrollTop, document.body.scrollTop)风格取大值
父页面主动传滚动高度给iframe更可靠
把滚动状态从父页面“推”给 iframe，避开跨域和时机问题。适合嵌入第三方内容但又需要响应父页滚动的场景（比如广告位吸底、懒加载判断）。
父页面监听scroll事件，用postMessage发送当前scrollY：
立即学习“前端免费学习笔记（深入）”；
window.addEventListener('scroll', () => {
const iframe = document.getElementById('myIframe');
iframe.contentWindow.postMessage({
type: 'SCROLL_HEIGHT',
value: window.scrollY
}, 'https://your-iframe-domain.com'); // 必须写目标源，不能用 '*' 生产环境
});
iframe 内监听message接收：
window.addEventListener('message', (e) => {
if (e.origin !== 'https://your-parent-domain.com') return;
if (e.data.type === 'SCROLL_HEIGHT') {
console.log('父页滚动高度：', e.data.value);
}
});
-
postMessage是唯一跨域通信标准方式，必须校验e.origin防止恶意消息 - 父页面发消息前要确保 iframe 已加载完成（可监听
iframe.onload或用setTimeout延后） - 移动端 Safari 对
scroll事件节流较严，建议加throttle（例如 Lodash 的throttle或用requestAnimationFrame）
iframe内用IntersectionObserver替代滚动高度监听
如果真实需求只是“当 iframe 内某元素进入视口时触发动作”，其实不需要知道父页面具体滚动值——用IntersectionObserver观察自身元素在父窗口中的可见性更轻量、更稳定。
iframe 内代码示例：
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
console.log('元素已进入父窗口视口');
// 执行懒加载、上报等逻辑
}
});
}, {
root: null, // 使用父级视口（即顶层 window）
threshold: 0.1
});
observer.observe(document.querySelector('#trigger'));
- 无需跨域权限，
root: null表示以顶层文档视口为根容器 - 比轮询
window.parent.scrollY性能好得多，尤其长页面 - 注意：Safari 15.4+ 才完整支持
root: null，旧版需 fallback 到postMessage方案
postMessage，后者往往用IntersectionObserver更干净。别卡在“怎么拿值”上，先想清楚用途再选路径。 
