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

简介: 关于监听window.top的滑动,Iframe嵌套

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

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