Javascript JQuery在到达页面顶部时将文本元素添加到Nav

我正在制作一个带有导航条的网站。我想添加文本元素“▲" 当导航栏到达网页顶部并“粘住”时，位于导航栏左侧。我还想在导航栏“取消粘住”（离开网页顶部）时删除该元素。下面是我使用的JQuery和HTML：

var distance=$（'div'）.offset（）.top，
$window=$（window）；
$window.scroll（函数（）{
如果（$window.scrollTop（）>=距离）{
$（“#nav”）.prepend（“
”）；
}否则{
$（“#navSymbol”）.remove（）；
}
})；

试试这个

@导入url（'https://fonts.googleapis.com/css?family=Rubik:300，400500700900&display=swap'）；
@关键帧阴影脉冲{
0% {
文本阴影：0像素黑色；
}
100% {
文本阴影：0 10vw黑色；
}
}
#头三角{
字体大小：6vw！重要；
动画：阴影脉冲3s无限；
}
#标题{
文本对齐：居中；
垫面：8vw；
}
.标题文字{
字体系列：“Rubik”，无衬线；
字体大小：5vw；
填料：2vw 0vw 2vw 0vw；
}
#导航{
垫面：4vw；
文本对齐：居中；
}
#李海军{
显示：内联；
}
#导航a{
文字装饰：无；
填充：0 30px；
字体系列：“Rubik”，无衬线；
颜色：黑色；
}
#导航a：悬停{
动画：阴影脉冲2S1；
}
.粘的{
位置：粘性；
排名：0；
宽度：100%；
}

手工工作室
▲
你好，世界
这是我做的一些随机的东西。








console.log（$（'#navSymbol'）.offset（）.top）
变量距离=$（'#navSymbol'）.offset（）.top，
$window=$（window）；
$window.scroll（函数（）{
log（$window.scrollTop（））；
如果（$window.scrollTop（）您好Mohammad，谢谢您的回复，但是添加此项只会添加符号，不会发生任何变化。正如我所说的，我希望它在导航栏位于顶部时添加符号，在离开顶部时删除符号。：）@AlexHawking我已经更新了我的编码。请检查。如果有任何问题，请告诉我。我重新插入了你的js，现在它删除了不在页面顶部的符号，但没有重新添加。我还将把我的css添加到问题中，看看这是否对任何人都有帮助。@AlexHawking你能
运行代码片段
你会发现重新添加吗符号当它是topIt时它确实工作，当我在那里运行它时，它工作，但当它在我的网页上时它不工作。如果我共享完整的代码，它会有帮助吗，可能是某种css或什么东西把它弄乱了？