我是靠谱客的博主 淡淡金针菇,最近开发中收集的这篇文章主要介绍为什么写的滚动条监听事件无效为什么js写的页面滚动条监听事件失效了,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

为什么js写的页面滚动条监听事件失效了

前几天写代码时,为页面导航栏写了滚动条监听,是可以正常工作的。
后来,我为页面的两个按钮也写了一个滚动条监听事件,发现导航栏监听失效了。

问题出在哪儿呢

原因是一个页面只有一个window.onscroll会被执行,而我写了两个window.onscroll,
所以为导航栏写的window.onscroll失效了


如何解决这个问题呢

我们只需要把两个函数,写成一个函数,
var t = document.documentElement.scrollTop || document.body.scrollTop;

在这个函数中使用同一个变量即可

最后

以上就是淡淡金针菇为你收集整理的为什么写的滚动条监听事件无效为什么js写的页面滚动条监听事件失效了的全部内容,希望文章能够帮你解决为什么写的滚动条监听事件无效为什么js写的页面滚动条监听事件失效了所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(78)

评论列表共有 0 条评论

立即
投稿
返回
顶部