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