首页 > TAG信息列表 > handleScroll
2022-06-08 react window.addEventListener 无效
代码: componentDidMount() { window.addEventListener('scroll', this.handleScroll); } handleScroll = (e) => { console.log(e); } 解决方案: window.addEventListener('scroll', this.handleScroll)添加一个true,即真正的防抖函数怎么写？
记录一个简单的防抖函数，主要是面试过一些人的防抖实现，感觉都提不到最后一点 看过很多人写的防抖，但是都没有记录最后状态，那真正的防抖应该怎么实现呢？ 假设有一个滚动条滚动然后执行某个事情的需求 我们需要根据滚动条的高度来执行某些事情 let timer = null let needExecute = favue监听滚动条的滚动（注意：只是监听）
只是vue的监听滚动条， 怕忘记，当做笔记来看。 mounted(){ window.addEventListener('scroll', this.handleScroll,true) }, methods: { handleScroll () { var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;// 兼窗口滚动顶部栏隐藏
一般顶部栏是全局组件，需要继承组件里的事件 main.js文件，创建事件处理中心 // 建立一个时间处理中心 // $emit发出 // $on监听 // $off销毁 Vue.prototype.$EventBus = new Vue() 需要滚动隐藏顶部栏的页面 methods:{ handleScroll() { this.$EventBus.$emit('navSh