javascript - 麻烦一下，else（）{ }中的.removeClass("color")为什么没有执行？-PHP中文网问答

微信公众号讲师中心

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机/移动开发手机游戏

最近更新

搜索

后端开发 web前端数据库开发工具 php框架常见问题科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程

javascript - 麻烦一下，else（）{ }中的.removeClass("color")为什么没有执行？

伊谢尔伦 2017-04-10 17:27:34

[JavaScript讨论组]

281

$(document).ready(function() {
    var navoffeset=$(".header").offset().top;
    $(window).scroll(function(){
        var scrollpos=$(window).scrollTop(); 
        if(scrollpos >=navoffeset){
            $(".header").addClass("fixed")      
                        .addClass("color"); 
        }else{ 
            $(".header").removeClass("fixed")
                        .removeClass("color");//移出这个类
        }
    });
});

伊谢尔伦

小伙看你根骨奇佳，潜力无限，来学PHP伐。

全部回复(2)

黄舟2017-04-10 17:29:34 2楼

给你分析一下，你获取navoffeset的offset().top，初始的时候offset().top肯定不小于scrollTop()。假如offset().top和scrollTop()相等,相等的情况是scrollTop()和offset().top都为0,执行if语句。之后你滚动scrollTop()一直大于offset().top，仍然只执行if语句。当offset().top大于scrollTop()，执行else语句，这时候你还没有addClass，所以移除是没有效果的，随着滚动增加，你的scrollTop()等于然后大于offset().top,执行if语句，你若一致往下滑，只执行if语句，你应该在回滚到最上边，才会执行else语句，scrollTop()小于offset().top,此时已经addClass了，那么现在removeClass开始起作用。如果你的offset().top一开始和scrollTop()相等的情况下，else语句永远不会执行。只执行if语句。

赞 +0

添加回复

伊谢尔伦2017-04-10 17:29:34 1楼

当你刚刚滚到想要看到的元素那一刻$(".header").offset().top的值等于$(window).scrollTop()+$(window).height(),所以元素的高度初始必定大于$(window).scrollTop(),所以一开始你的函数先运行else里的语句,当滚轮向下滚动的距离超过了$(".header").offset().top才会运行if;
我想你是忘记了$(window).height()--当前视窗的可是高度这个东西吧

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>