skrollr - 複数の相対キーフレームでの Skroll の問題

Question

Skrollrを使用していて、複数の相対キーフレームを設定しようとしています。これは現時点ではうまくいきません。

data-bottom-top="opacity:0;transform:translate3d(100%,0,0)" data-top-top="opacity:1;transform:translate3d(0,0,0)" data-top-botttom="transform:translate3d(0,50%,0) data-100p-top-botttom="transform:translate3d(0,50%,0)"

過去数日間、これについて頭を悩ませてきました。どんな助けでも大歓迎です！

Answer 1

質問に完全に答えるには、各引数に同じ単位を使用する必要があります。

data-bottom-top="opacity:0;transform:translate3d(100%,0%,0)" 
data-top-top="opacity:1;transform:translate3d(0%,0%,0)" 
data-top-botttom="transform:translate3d(0%,50%,0) 
data-100p-top-botttom="transform:translate3d(0%,50%,0)"

これらを参照してください。

https://github.com/Prinzhorn/skrollr/issues/134 https://github.com/Prinzhorn/skrollr/issues/315