onscroll事件没有响应的问题

案列：在项目中给页面dom元素添加scroll事件，即鼠标上下滚动时发现没有响应，排查问题如下
我遇到的问题如下：
①没有添加over-flow:auto
②在绑定的元素上 document.querySelect(’.bindDiv’).addEventListener(‘scroll’,this.myScroll) ,添加监听事件后，在myScroll方法中没有起作用
③在window上添加window.addEventListener(“scroll”,this.myScroll)监听事件后，可以执行myScroll方法。

最后发现问题以及解决（绑定的元素高度没有‘撑开’，而‘body’元素‘撑开’了，造成滚动时滚动的是body,而不是需要绑定的元素）

1，查看绑定的元素有没有添加over-flow:auto ，如果要绑定的元素没有添加再查看父元素有没有添加。
2，在元素上添加over-flow:auto

onscroll事件没有响应的问题相关推荐

onscroll事件没有响应的原因以及vue.js中添加onscroll事件监听的方法(vue上监听scroll事件
在vue.js中直接使用onscroll不起作用利用DOM二级监听事件即可, window.addEventListener('scroll',()=>{console.log(window. ...
vue中onscroll事件没有响应的原因
vue脚手架会在入口的html文件,设置overflow: scroll/auto. 这个属性在入口级别的文件中最好不要随意使用,造成的scroll滑动监听整体失效. 所以说:over-flow:au ...
iOS开发 - 事件传递响应链
序言当我们在使用微信等工具,点击扫一扫,就能打开二维码扫描视图.在我们点击屏幕的时候,iphone OS获取到了用户进行了"单击"这一行为,操作系统把包含这些点击事件的信息包装成 ...
JS 动态添加 onload、onresize、onscroll 事件
window 的 onload.onresize.onscroll 事件,跟其他的事件不一样,它不能用 attachEvent 或 addEventListener 来添加. 也就是说,它只能这样来( ...
Android事件的响应,Android 开发事件响应之基于监听的事件响应
Android 开发事件响应之基于监听的事件响应本文将介绍Android 操作系统如何通过监听来实现对事件的响应. Android 开发事件响应之基于监听的事件响应背景介绍 Android 开发事 ...
cocos2dx3.x使用cocostudio触摸事件不响应的奇葩问题
cocos2dx3.x使用cocostudio触摸事件不响应的奇葩问题刚刚使用3.1,发现了一些关于触摸的不同之处,对于习惯于2.x的人还是认为坑啊,简单总结一下: 使用cocostudio加进来的 ...
基于MATLAB的面对对象编程（3）——事件和响应
文章目录 4 事件和响应 4.1 事件 4.2 发布者通知观察者,但不传递消息 4.3 发布者通知观察者,并且传递消息 4.4 删除listener 4 事件和响应 4.1 事件事件(event)和 ...
BTN事件的响应区域
BTN事件的响应区域是其下所有小图片的区域组合.是并集 posted on 2017-07-10 11:50 时空观察者9号阅读(...) 评论(...) 编辑收藏
父元素a标签的href默认行为以及子元素绑定的click事件的响应之间存在影响
原文地址背景开发过程中遇到问题,简单写个demo 运行环境为Chrome 68 描述一下这个问题,当a标签内部存在嵌套时, 父元素a标签的href默认行为以及子元素绑定的click事件的响应之间存 ...

onscroll事件没有响应的问题

onscroll事件没有响应的问题相关推荐

最新文章

热门文章