javascript - :not(:hover) 不透明度で機能しない

Question

次のコードがあります。

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

}

#topbarスクロールすると不透明度が徐々に 0.10 にフェードするはずですが、ホバー#topbarすると不透明度が 1 に戻り、マウスオフで 0.10 に戻ります。

問題は、それが機能しないことです。スクロール中にフェードしますが、マウスオーバーで 1 に戻りません。

私も#topbar:hover { -skrollr-animation使用する代わりに試しましopacity: 1たが、どちらも機能しません=/

誰かが私が意味することを実際に見たい場合、リンクはhttp://pattersoncode.ca/new%20design/?a=helpです

score 1 · Accepted Answer

skrollr-stylesheets相互作用をサポートしていません。

skrollr-stylesheets はドキュメントの変更に反応しません。スタイルシートは一度解析されてから適用されます。クラスを要素に追加して、キーフレームが更新されることを期待することはできません。

score 0 · Accepted Answer

0

ホバー時にクラスを追加し、マウスオフ時にクラスを削除するだけです。

于 2013-07-16T01:34:49.737 に答える

2 に答える 2