建设手机行网站,网站建设促销文案,网站设计需求,行业展示类型网站实例元素滚动时执行 JavaScript定义和用法onscroll 事件在元素滚动条在滚动时触发。提示#xff1a; 使用 CSS overflow 样式属性来创建元素的滚动条。浏览器支持语法HTML 中:JavaScript 中:object.οnscrοllfunction(){myScript};JavaScript 中, 使用 addEventListener() 方…实例元素滚动时执行 JavaScript定义和用法onscroll 事件在元素滚动条在滚动时触发。提示 使用 CSS overflow 样式属性来创建元素的滚动条。浏览器支持语法HTML 中:JavaScript 中:object.οnscrοllfunction(){myScript};JavaScript 中, 使用 addEventListener() 方法:object.addEventListener(scroll, myScript);注意 Internet Explorer 8 及更早 IE 版本不支持 addEventListener() 方法。Technical Details技术细节是否支持冒泡:Yes是否可以取消:NO事件类型:Event支持的 HTML 标签:, , , , , , , , , , - , , , , , , , , , , , onscroll事件失效我是移动块html,body {width: 100%;height: 100%;/*overflow-x:hidden;*//*overflow: scroll;*/}.father {width: 100%;height: 100%;box-sizing: border-box;}.son {height: 3000px;background-color: yellow;width: 100%;font-size: 80px;display: flex;justify-content: center;align-items: center;}function checkscroll() {console.info(window.scrollY)}大家可以将这段代码copy亲自测试一下在有和没有overflow属性之间切换就明白了。因为很多同学在开发项目时会有脚手架之类的文件进行快速开发但是有的脚手架会在入口的html文件设置overflow: scrollauto。这个属性在入口级别的文件中最好不要随意使用造成的scroll滑动监听整体失效你无论如何也不会想到是这个原因。打个比方APP.vue这是用vue.js写的页面我在其中用了vux(一个基于vuejs的移动组件库)的一个组件view-box,当时我找遍了所有的文件并没有那里有over-flow 样式但是scroll事件失效window.scrollY一直为0 最后我发现所有页面都是如此于是我就定位在入口的几个文件将相关的引入组件也进行排查终于在view-box,这个组建里找到了over-flowauto样式。注释掉后就正常了所以说over-flowauto如果放在入口文件并且放在包裹的父元素上一定要慎重
