どうもこのCSSは使い勝手が難しい。挙動するときとしない時の差が体感で分かりづらいイメージ。

今回は動かない理由がbody,htmlにかかっているoverflow-x:hiddenのせいだった。
これがあるとなぜか動かないみたい。

魔法の言葉のように上記の設定を入れて姉妹っている場合は注意が必要