使用PHP/jQuery更改滚动条上的徽标

好了

首先感谢您的帮助，非常感谢

我试图做的是改变我的网站在滚动上的徽标，但我试图通过我的主题选项来实现这一点，我不希望使用CSS来隐藏/显示使用background属性来显示徽标的类

相反，在my header.php中，我回显了一个函数，该函数根据用户选择的“header选项”呈现徽标

这是我的PHP，它在我的管理面板内的一个开关上工作，因此，如果用户选择“是”，并且他们想在标题变粘时更改徽标，那么他们可以选择上载一个额外的徽标（这一切都很好，无需检查css类是否存在）：

除了检查CSS类“scrolled nt”是否存在以仅在scroll上显示此徽标之外，此代码工作正常。我正在使用Jquery将此类附加到我的徽标：

jQuery(window).scroll(function(){
    var fromTopPx = 5;
    var scrolledFromtop = jQuery(window).scrollTop();
    if(scrolledFromtop > fromTopPx){
        jQuery('.nt-logo').addClass('scrolled-nt');
    }else{
        jQuery('.nt-logo').removeClass('scrolled-nt');
    }
});

我可以在我的网站上看到，当我向下滚动时，额外的CSS类“scrolled nt”被添加到我的img src中，但在滚动之后或之前，徽标根本没有显示，检查这个CSS类是否存在（在我上面的php中）

知道我做错了什么吗

我希望我正确地解释了这一点，也许这是一个简单的修复，但我对JS/PHP相当陌生，很快就上瘾了

---

感谢您的帮助

显示你的css类

scrolled nt

你几乎没有用这些代码片段与PHP和JS交互吗？css类“scrolled nt”上没有任何内容，只是将其附加到scroll上的徽标img src上。抱歉，Chay22，不确定您的意思是什么？您的问题是，当您检查该类是否退出时，您的jquery代码甚至还没有运行。jquery已在客户端执行。php是服务器端的。所以class_exists总是会给出false。显示你的css类

滚动的nt

你几乎没有用这些代码片段与PHP和JS交互吗？css类“滚动的nt”上没有任何内容，只将其附加到滚动的徽标img src上。抱歉，Chay22，不确定您的意思是什么？您的问题是，当您检查该类是否退出时，您的jquery代码甚至还没有运行。jquery已在客户端执行。php是服务器端的。所以类_exists总是给出false。

jQuery(window).scroll(function(){
    var fromTopPx = 5;
    var scrolledFromtop = jQuery(window).scrollTop();
    if(scrolledFromtop > fromTopPx){
        jQuery('.nt-logo').addClass('scrolled-nt');
    }else{
        jQuery('.nt-logo').removeClass('scrolled-nt');
    }
});