粘性菜单更改标志

我在网站上工作，它有一个粘性菜单，我需要做的是改变标志时，其滚动和粘头。粘性菜单更改标志

和头就是这样

<header id="header" class="float-panel" data-top="0" data-scroll="100">

一次我向下滚动，类变为固定

<header id="header" class="float-panel fixed" data-top="0" data-scroll="100">

，我需要改变的标志，一旦它要固定或者与CSS或jQuery的，我我试图使用以下

if($("#header.float-panel").hasClass('fixed'))

这是徽标div

<div class="logo"><!-- logo --> 



    <a href="http://"><img src="Logo-Full_Pos.png" alt=""></a><h6 class="site-title"><a href="http://.com/" rel="home">g</a></h6>       
          </div>

感谢

来源

2017-09-16 dani1

不需要脚本，只需在CSS'.float-panel.fixed {....}'中使用。您可以将徽标设置为bg-image，或使用2个元素，将display：block更改为display：none。 – skobaljic

不知道如何做到这一点，你能帮忙吗？ – dani1

我试图放两个标志，所以我可以播放一个隐藏和一个节目，但失败 – dani1

这行代码：if（$（ “＃header.float面板”）hasClass（ '固定'））将只运行的onload。您需要使用滚动事件：https://api.jquery.com/scroll/以确保您的if语句在菜单变得固定时被触发。

来源

2017-09-16 18:47:20 Will

粘性菜单更改标志

回答

相关问题