Javascript 翻滚时更改音乐按钮的文字阴影颜色

我想在向下滚动时更改“音乐”按钮的文字阴影颜色，稍后向上滚动时，该颜色将重新更改。我可以知道怎么做吗？提前谢谢

$（文档）.ready（函数（）{
$（“.music btn.fa volume up”）。打开（'单击'，函数（）{
$（this.hide（）；
$（“.fa音量静音”）.fadeIn（）；
$（“#音乐”）[0]。播放（）；
});
$（“.music btn.fa volume mute”）。打开（'单击'，函数（）{
$（this.hide（）；
$（“.fa音量增大”）.fadeIn（）；
$（“#音乐”）[0]。暂停（）；
});
});

.music btn{
背景色：透明色；
光标：指针；
边界：无；
字体大小：40px；
颜色：白色；
文本阴影：1px 1px 2px#e47746，0 0 30px#ffc45d，0 0 5px#ffc45d；
}
.fa增大音量{
显示：无；
}

---

我不确定您是想让声音静音，还是真的想让滚动运动静音

这就是为什么我写了这两个。请选择适合你的

$（文档）.ready（函数（）{
$（“.music btn.fa volume up”）。打开（'单击'，函数（）{
$（this.hide（）；
$（“.fa音量静音”）.fadeIn（）；
$（“#音乐”）[0]。播放（）；
//用于声音静音
$（'.music btn'）.removeClass（'change-text-shadow'）；
});
$（“.music btn.fa volume mute”）。打开（'单击'，函数（）{
$（this.hide（）；
$（“.fa音量增大”）.fadeIn（）；
$（“#音乐”）[0]。暂停（）；
//用于声音静音
$（'.music btn'）.addClass（'change-text-shadow'）；
});
/*->用于滚动->*/
var lastScrollTop=0；
$（窗口）。滚动（功能（事件）{
var st=$（this.scrollTop（）；
如果（st>lastScrollTop）{
$（'.music btn'）.addClass（'change-text-shadow'）；
}否则{
$（'.music btn'）.removeClass（'change-text-shadow'）；
}
lastScrollTop=st；
});
/*嗨，@BOZ。我只需要滚动动作。但是，我同时学到了新东西。非常感谢你的帮助：D