Javascript ：不（：悬停）不使用不透明度

我有以下代码：

#topbar:not(:hover){
  -skrollr-animation-name: topbaropa;
}
#topbar:hover {
  -skrollr-animation-name: topbarhoveropa;

}

当逐渐滚动到0.10时，应该会使

#topbar

的不透明度减弱，但当您悬停

#topbar

时，不透明度会变回1，然后鼠标关闭会变回0.10

问题是，它不起作用。它在滚动时会消失，但在鼠标悬停时不会返回到1

我也尝试过使用

opacity:1来代替
#topbar:hover{-skrollr animation
，但这也不起作用=/

如果有人想真正了解我的意思，那么链接是
skrollr样式表
不支持交互

skrollr样式表不会对文档中的更改做出反应。样式表将被解析一次，然后应用。您不能将类添加到元素并期望关键帧得到更新

只需在鼠标悬停时添加一个类，然后在鼠标关闭时删除该类。
什么是
-skrollr-
前缀？@Passerby滚动时添加css样式是一个jQuery脚本，但我看不到它被“更正”在ChromeDevTool中，如果它应该以您期望的方式工作，那么它是纯JS，而不是CSS。如果您能做一个小提琴来演示这个问题，那就太好了。