本文目录
- window.onscroll和document.body.onscroll的区别
- onscroll和mousewheel的区别
- 在ios，不能实时触发onscroll事件，有办法解决吗
- onscroll 事件为什么不执行
- 修改了scrollTop的值，不会触发onscroll事件吗
- js 中 手动点击按钮 实现onscroll的方法
window.onscroll和document.body.onscroll的区别
当页面滚动的时候：window.onscroll和document.body.onscroll的区别： 在ie6下面只认window.onscroll。 document.body.scrollTop(页面被卷起的高度) 值总为 0 的解决方法 页面具有 DTD（或者说指定了 DOCTYPE）时，使用 document.documentElement。 页面不具有 DTD（或者说没有指定了 DOCTYPE）时，使用 document.body。 在 IE 和 Firefox 中均是如此。 为了兼容（不管有没有 DTD），可以使用如下代码： var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
onscroll和mousewheel的区别
mousewheel.js其实也没有多少行代码，没有几个函数就是封装了一下，功能还是比scroll强大， .scroll()你看API里说必须是overflow CSS property set to scroll (or auto when the element’s explicit height or width is less than the height or width of its contents
在ios，不能实时触发onscroll事件，有办法解决吗
使用 ontouchmove 去替代 nscroll ,虽然能更频繁的触发事件,但是这边的项目需求是实时响应滚动事件的同时,还要对页面元素进行重定位的DOM操作,由上述原因可知,在滚动过程中,页面会停止一切关于DOM方面的操作,所以若使用 ontouchmove 去实现的话,在按住屏幕进行滑动的时候,屏幕会出现元素抖动的情况(事件触发与DOM操作间具有几十毫秒的时间差),兼容失败使用 iscroll 的probe版本,该版本能实时探查到滚动的距离,但该钩子函数是实时去关注 requestAnimationFrame 下的状态,所以对浏览器的版本性能消耗很大,加上 react 的 DOM 操作,安卓机根本动不了,兼容失败使用 swiper 插件,在启动 freeMode 模式时模拟原生的弹性滚动( swiper 模拟原生滚动的方案能兼容较多的安卓机型不出现bug,推荐), 因为 swiper 没有实时监听滚动位置的功能,故我监听滚动开始及结束后的事件,通过 setInterval 及一些计算去实现滚动条的监听,但因为 react 元素的变化量比较大,导致 swiper 在移动端时对父容器的计算速率达到了一个瓶颈,依旧出现很卡顿的现象,兼容失败fallback方案,安卓端使用原生onscroll实现,ios直接加载全部子元素,毕竟ios的性能方面还是比较好的,有更好的方案后续再更.
onscroll 事件为什么不执行
你看到浏览器有没有滚动条出现了？如果没有可能你设置了overflow：hidden等属性了。代码没什么问题。兄弟，一点分也舍不得拿出来，怎么有人来回答你啊
修改了scrollTop的值，不会触发onscroll事件吗
不管你是修改scrollTop还是top,在你修改的同时就意味着相当于触发了onscroll事件，注意是相当并不是真的触发了。那么你应当把要在onscroll中执行的函数就放在此处执行就行了。现在你的要求“鼠标放到这里面并滚动滚轮并执行事件”，前提是你必须有这个事件(onmousewheel/DOMMouseScroll)，因为滚动滚轮滚动条也是应该能动的！
js 中 手动点击按钮 实现onscroll的方法
《button onClick=“fun()“》《/button》《script languages=“JavaScript “》function fun(){window.scrollBy(x,y)}《/script》其中x,y分别是你想要每次想要横、竖滚动的大小如果不行可以再问我
