javascript - 粘性菜单更改 Logo

Question

我在网站上工作，它有一个粘性菜单，我需要做的是在滚动时更改 Logo 并具有粘性标题。

标题就是这样

<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">

我需要更改 Logo ，一旦它用 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>

谢谢

Answer 1

这行代码:if($("#header.float-panel").hasClass('fixed')) 只会在加载时运行。您需要使用滚动事件:https://api.jquery.com/scroll/以确保当菜单固定时您的 if 语句被命中。