Skrollr:如何在达到特定点时才开始动画?

时间:2013-09-08 08:47:08

标签: javascript jquery html parallax skrollr

我正在玩skrollr plugin,但无法实现我想要的,所以寻求帮助。 我已经能够实现简单的效果,例如<div id="intro-left" data-0="opacity: 0" data-180="opacity: 1">(意味着当用户向下滚动180时,我的DIV称为intro-left变为可见)

问题在于我不喜欢使用滚动距离,因为只有拥有相同的屏幕分辨率才有意义吗?

我想做的是告诉skrollr:“一旦DIV位置在屏幕上可见,将DIV从不透明度0改为不透明度1”(换句话说“一旦用户到达,将DIV从不透明度0改为不透明度1”通过向下滚动页面上的某个点)

这是否可以通过skrollr实现,以及如何实现?

非常感谢

1 个答案:

答案 0 :(得分:7)

您是否看过documentation

甚至还有一个展示different anchors

的例子

简而言之:

<div id="intro-left" data-bottom-top="opacity: 0" data-center="opacity: 1">