Javascript 导航栏滚动条上的徽标克隆

我有以下脚本：

$（函数（）{
var header=$（“.header nav”）；
$（窗口）。滚动（函数（）{
var scroll=$（窗口）.scrollTop（）；
如果（滚动>=50）{
header.addClass（“滚动”）；
}
如果（滚动>50&&滚动<60）{
$（“.header_logo img”）.clone（）.appendTo（“.header logo”）；
}
如果（滚动Clone
img
超出条件，然后根据
if
条件追加或删除。您需要设置
类来检测克隆的
img
，以便删除


$（函数（）{
var header=$（“.header nav”）；
$el=$（“.header logo img”）.clone（）.addClass（'clone'）；
$（窗口）。滚动（函数（）{
var scroll=$（窗口）.scrollTop（）；
如果（滚动>=50）{
header.addClass（“滚动”）；
}否则{
header.removeClass（“滚动”）；
}
如果（滚动>50）{
$el.附页（“.标题标识”）；
}否则{
$（'.cloned'）.remove（）；
}
});
})；
正文{
高度：1000px；
/*假高度*/
}
header.header-nav.scrolled{
位置：固定；
}
.标题导航{
背景：白色；
宽度：100%；
最小高度：150px；
边框：1px纯色灰色；
}
.滚动{
背景：红色；
}
.标题标志img{
高度：150像素；
显示：块；
保证金：自动；
}

@Jesse在这里它工作正常，所以如果你的项目不工作，我可以说还有另一个问题！好的，我找到了原因。你的代码中的header\u logo img name有一个错误。顺便说一句，它仍然不工作，只有当我滚动到顶部页面时，logo才会出现。如果我滚动到顶部几次，它仍然会大量重复。顺便说一下，我希望logo停止在这里输入y，直到滚动到首页。使用您的代码，它将显示为100。@Jesse很高兴提供帮助，请检查答案是否已接受；）