jq滚动事件无效

最新推荐文章于 2022-06-17 11:33:36 发布

samscat

最新推荐文章于 2022-06-17 11:33:36 发布

阅读量1.9k

点赞数

文章标签： jq scroll无效

本文链接：https://blog.csdn.net/samscat/article/details/103321613

版权

javascript 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

源码:

 $(window).scroll(function(){
         console.log('scroll');
 })

滚动无效，不报错无输出，监听没有触发？页面高度足够

替换写法:

 window.addEventListener('scroll', function(){
      console.log('scroll');
 });

可以了，但是不明白为啥

兼容写法

function scroll() {
    if(window.pageYOffset != null)  //  ie9+ 和其他浏览器
    {
        return {
       
            top: window.pageYOffset
        }
    }
    else if(document.compatMode == "CSS1Compat")  // 非怪异模式,即为声明<!DOCTYPE html>的
    
    {
        return {
            top: document.documentElement.scrollTop
        }
    }
    return { // 怪异模式
        top: document.body.scrollTop
    }
}
window.onscroll = function() {
    console.log(scroll().top);
}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

samscat

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jq滚动事件无效

源码: $(window).scroll(function(){ console.log('scroll'); })滚动无效,不报错无输出.解决方案: window.addEventListener('scroll', function(){ console.log('scroll'); });兼容写法function scroll() { ...
复制链接

扫一扫