具有多个相对关键帧的Skroll问题

时间:2014-03-11 13:46:17

标签: skrollr

我正在使用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)"

过去几天一直在讨论这个问题。任何帮助将不胜感激!

1 个答案:

答案 0 :(得分: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