Javascript 更改徽标滚动导航栏-具体化？

我希望有人能帮助我，我想滚动的导航栏，以改变形象的标志

我是一个新手，但我很固执，我试图在网上寻找类似的东西，但出于我的目的，我什么也找不到

我只想更改卷轴上的徽标图像

$（文档）。滚动（函数（）{
如果（$（this）.scrollTop（）>=30）{
$（“.brand logo”）.html（“”）；
}否则{
$（“.brand logo”）.html（“”）；
}
});
nav{
位置：固定；
排名：0；
左：0；
高度：84px；
宽度：100%；
背景色：#fff；
填充：20px 18px；
过渡：背景色0.4s缓变；
}
导航栏{
高度：95px；
}
导航卷轴{
背景色：#000！重要；
高度：95px；
过渡色：背景色1000ms；
颜色：#fff！重要；
}
a、 彩色字体菜单{
颜色：黑色；
字体大小：20px；
}
导航滚动条{
颜色：白色；
}
.品牌标志img{
高度：自动；
宽度：130px！重要；
利润上限：-20px；
}
.盒子{
高度：500px；
边缘顶部：100px；
}
.box.橙色{
利润上限：200px；
}

















在questo modo funziona中


$（文档）。滚动（函数（）{
如果（$（this）.scrollTop（）>=30）{
$（“#navbar.brand logo”）.html（“”）；
}否则{
$（“#navbar.brand logo”）.html（“”）；
}
});
试试这种jQuery方法怎么样？
我制作了一个干净的代码片段，展示了如何使用jQuery在scroll的基础上更改图像。
这应该可以帮助你


$（文档）.ready（函数（）{
$（窗口）.on（“滚动”，函数（）{
如果（$（this）.scrollTop（）>=30）{
//设置为新图像
$（“.brand logo img”）.attr（“src”，”http://placekitten.com/300/300");
}否则{
//回到默认状态
$（“.brand logo img”）.attr（“src”，”http://placekitten.com/200/200");
}
})
})
nav{
位置：固定；
}
.品牌标志img{
高度：200px；
宽度：200px；
}
.填料{
背景：粉红色；
高度：500px；
}
修复代码片段。它们不起作用。