：not（：hover）不使用不透明度

Question

我有以下代码：

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

}

当逐渐滚动到0.10时，它应该淡化#topbar的不透明度，但是当你悬停#topbar时，不透明度会回到1，然后鼠标关闭会回到0.10。

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

我还尝试使用#topbar:hover { -skrollr-animation代替opacity: 1，但这不起作用= /

如果有人想真正了解我的意思，那么链接就是http://pattersoncode.ca/new%20design/?a=help

Answer 1

skrollr-stylesheets 不支持互动。

  

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

https://github.com/Prinzhorn/skrollr-stylesheets#limitations

Answer 2

只需在悬停时添加一个类，并在鼠标关闭时删除该类。