给div元素设置height和overflow:scroll时监听不到滚动事件

解决方案：

步骤一：给html和body设置height和overflow:scroll

步骤二：并且滚动事件的监听一定要写第三个参数：

window.addEventListener(‘scroll’, this.onScroll, true)
设置body的样式：

window.document.body.setAttribute(‘style’, ‘height:100vh’)

给div元素设置height和overflow:scroll时监听不到滚动事件相关推荐

Vue 设置overflow: auto 后监听滚动距离
overflow: auto 后监听滚动距离 <div class="page-body-inner" @scroll.passive="getScroll($ev ...
[css] 使用overflow: scroll时不能平滑滚动怎样解决？
[css] 使用overflow: scroll时不能平滑滚动怎样解决? scroll-behavior: smooth; 个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很 ...
js 进入浏览器全屏（F11效果）、退出全屏、指定元素全屏、判断当前是否全屏、监听浏览器全屏事件、定义全屏时的css样式（全屏伪类）
各部分功能代码详见注释: <template><div><button v-if="!ifFullScreen" @click="fullS ...
ios滚动条影响父页面 vue_父元素设置overflow:scroll时vuedraggable组件出现奇怪效果的解决方案...
在使用 vu围幸业很例站闪以近着好务多如宽动为近着好edraggable 做拖拽效果时,因为要用到滚动条而使用了 overflow: scroll,导致了两个奇怪的效果,虽然折腾了一段时间,不过最后我 ...
解决H5在移动端overflow:scroll滚动条默认不显示和滚动后消失的问题
今天在工作中,遇到一个关于overflow在移动端视图调试滚动的问题,我在使用了overflow:scroll进行滚动时,滚动后滚动条自动消失了,需求是需要保留让它一直都在,下面的代码意思是重新设置滚 ...
去除overflow:scroll时的浏览器滑条
当我们使用overflow="scroll"属性时会出现浏览器的原生滑条而在现实开发时这么丑的原生滑条是肯定的不会使用的,所以这时候我们就需要去除这些滑条:可以加这些属性: 谷歌 ...
Monaco Editor教程（四）：设置或获取内容，并监听内容的改变
背景上一篇我们详细介绍了使用monaco-editor来实现一个hello-world的示例,并详细介绍了其中涉及的资源加载,相关参数.本篇文章让我们一起学习如何设置编辑器的内容,获取编辑器的内容, ...
android设置返回按钮无效,Android onKeyDown监听返回键无效的解决办法
Android onKeyDown监听返回键无效的解决办法当我们的Activity继承了TabActivity,在该类中重写onKeyDown是监听不到返回键的, 具体解决方法如下: 重写dispa ...
父元素设置min-height，子元素height 100%失效问题
问题描述当父元素设置了min-height后,子元素设置height为100%,发现子元素的height 100%失效,即无法根据父级的高度自适应,而是根据自身内部元素撑开高度,若子元素设置了确定的 ...

给div元素设置height和overflow:scroll时监听不到滚动事件

给div元素设置height和overflow:scroll时监听不到滚动事件相关推荐

最新文章

热门文章