粘性菜單更改標誌

我在網站上工作，它有一個粘性菜單，我需要做的是改變標誌時，其滾動和粘頭。粘性菜單更改標誌

和頭就是這樣

<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

粘性菜單更改標誌

回答

相關問題