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

是否可以使用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

的滚动动画，然后当我继续滚动时，我应该触发第二组相对于

#slide2

的滚动动画

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

---

我怎么能有多个锚定目标？

我认为这是不可能的-您正在初始化相同的属性两次（数据顶部和数据顶部）。您可以尝试使用将事件从#slide1和#slide2传输到您自己的事件处理程序