javascript - js如何滚动添加css
巴扎黑
巴扎黑 2017-04-10 17:31:53
[JavaScript讨论组]
window.onscroll = function() { if(document.body.scrollTop>=30){
    $(".header").addClass("header-color");//添加一个类
    return false;
};
};

这个代码无法生效,该如何修改?

巴扎黑
巴扎黑

全部回复(4)
怪我咯

点击看demo

天蓬老师

你确定有 .header 这个元素吗,你可以打断点调试。

PHP中文网
window.onscroll = function() { 
    if(document.body.scrollTop>=30 || document.documentElement.scrollTop >=30){
        $(".header").addClass("header-color");//添加一个类
        return false;
    };
};

主要还是兼容性问题,本人测试下来chrome和firefox都正常,但IE8以下就不正常,不知道哪里的问题,求高手解答

PHPz

我网站主题介绍的效果

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号