使用PHP / jQuery更改Scroll上的徽标

时间:2016-07-02 12:26:23

标签: php jquery css

Ello那里,

首先感谢任何帮助,感谢。

我想要做的是在滚动条上更改我的网站标识,但我试图通过我的主题选项来完成此操作,而我不打算使用CSS隐藏/显示使用该主题的类background属性显示徽标。

而是在我的header.php中,我回应了一个函数,该函数使徽标依赖于"标题选项"用户已选择。

这是我在管理员面板中的交换机上工作的PHP,所以如果用户选择"是"并且当标题是粘性时他们想要更改徽标然后他们可以选择上传额外的徽标(这一切都可以正常工作而无需检查该css类是否存在):

$site_logo_change_scroll_switch = notorious_options('site_logo_change_scroll_switch');

if ( $site_logo_change_scroll_switch == true && class_exists('scrolled-nt') ) {
    $logo_url = notorious_options('site_logo_change_scroll', false, 'url');
}

return $logo_url;

这个代码一切正常,除了检查CSS类"滚动-nt"存在只在滚动上显示此徽标。我正在使用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类"滚动-nt"被添加到我的img src上,但是在滚动之后或之前徽标都没有显示,检查这个CSS类是否存在(在我上面的php中)。

知道我在这里做错了吗?

我希望我能正确解释这个问题,也许这是一个简单的解决方法,但我对JS / PHP很新,并且很快就会对它上瘾。

任何帮助表示感谢,谢谢!

0 个答案:

没有答案