AI 助理
备案控制台
开发者社区 云计算 文章 正文

关于监听window.top的滑动，Iframe嵌套

2024-09-09 173
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 关于监听window.top的滑动，Iframe嵌套

使用hostListener无法监听父级窗口的滑动。所以采用原生的方法。

window.top.document.documentElement.addEventListener('scroll',function);
// 需要在ngOnDestory中removeEventListener
你真的不认识我了
目录
相关文章
dufadayang
|
1月前
关于监听window.top的滑动，Iframe嵌套
关于监听window.top的滑动，Iframe嵌套
dufadayang
152 60
朝阳39
|
3月前
|
JavaScript
vue 组件封装 | 随鼠标移动的信息框 （含监听鼠标移动、移出事件，获取元素的宽高、获取浏览器的宽高）
vue 组件封装 | 随鼠标移动的信息框 （含监听鼠标移动、移出事件，获取元素的宽高、获取浏览器的宽高）
朝阳39
41 1
yma16
|
5月前
html_ifream与父级窗口之间的数据传递（window和document）
html_ifream与父级窗口之间的数据传递（window和document）
yma16
37 0
多加点香菜85
|
5月前
element-plus：el-Dialog对话框组件垂直居中、禁止屏幕滚动、使用内滚动
element-plus：el-Dialog对话框组件垂直居中、禁止屏幕滚动、使用内滚动
多加点香菜85
200 0
晚来南风晚相识
|
5月前
window.addEventListener注册滚动scroll事件不生效
window.addEventListener注册滚动scroll事件不生效
晚来南风晚相识
338 0
码农技术君
|
JavaScript
js监听页面或元素scroll事件，滚动到底部或顶部
js监听页面或元素scroll事件，滚动到底部或顶部
码农技术君
1228 0
js监听页面或元素scroll事件，滚动到底部或顶部
游客4llb6htoixmxw
|
编解码 JavaScript 前端开发
浏览器对象属性 window.innerWidth 和 window.outerWidth 这两个宽度属性有何区别？
浏览器对象属性 window.innerWidth 和 window.outerWidth 这两个宽度属性有何区别？
游客4llb6htoixmxw
201 0
yma16
html_iframe与父级窗口之间的数据传递（window和document）
iframe传递参数
yma16
141 0
码农技术君
|
JavaScript
js：监听页面滚动scroll的距离
js：监听页面滚动scroll的距离
码农技术君
207 0
Jovy.
|
前端开发
前端面试题:1.页面加载完成(onload)之前触发的事件；2.History,Location,Window,Navigation的区别；3.e.target和e.currentTarget的区别
★Navagator:提供有关浏览器的信息 ★Window: Window对象处于对象层次的最顶层, 它提供了处理Navagator窗口的方法和属性 ★Location:提供了与当前打开的URL-工作的方 法和属性，是一个静态的对象 ★History:提供了与历史清单有关的信息 ★Document:包含与文档元素一起工作的对象，它将这些元素封装起来供编程人员使用
Jovy.
257 0