如何使用Skrollr在单个元素上拥有多个锚点目标？

Question

使用Skrollr可以为单个元素设置多个锚点目标吗？例如，我需要以下内容：

<section id="main-slide"
                 data-start="background-color:rgb(255,255,255);"
                 data-top-top="background-color:rgb(255,0,0);"
                 data-anchor-target="#slide1"

                 data-top-top="background-color:rgb(255,0,0);"
                 data-bottom-top="background-color:rgb(0,255,0);"
                 data-anchor-target="#slide2">

所以，就像我有第一组相对于#slide1的滚动动画，然后当我继续滚动时，我应该触发相对于{{1的第二组滚动动画}}

我已经尝试过上面的代码，但它没有让Skrollr正常工作。

如何拥有多个锚定目标？

Answer 1

我认为这不可行 - 您正在初始化相同的属性两次（data-top-top＆amp; data-anchor-top）。您可以尝试使用skrollr keyframing管道来自＃slide1＆amp;的事件。 ＃slide2到你自己的事件处理程序。