Javascript Skrollr.js使用文档作为锚定目标，而不管指定了哪个锚定目标

我使用相对定位的

s在相对模式下附加Skrollr事件。但是，Skrollr事件总是像文档顶部是锚定点一样触发。我已经为要测试的各个部分设置了

数据锚定目标

，但它总是将文档顶部作为锚定点

我使用的是Skrollr样式表，但我尝试过直接使用Skrollr，问题是相同的，因此我可以排除样式表的原因

是否存在任何可能导致此问题的情况

以下是一些关键代码：

HTML

<div id="skrollr-body">
    <section id="section1" class="section section1">
        <div class="wrap">
            CONTENT
        </div>
    </section>

    <section id="section2" class="section section2">
        <div class="wrap">
            CONTENT
        </div>
    </section>

    <section id="section3" class="section section3">
        <div class="wrap">
            CONTENT
        </div>
    </section>
</div>

skrollr.css

body {
    width: 100%;
    overflow: hidden;
    overflow-y: scroll;
}

#skrollr-body {
    width: 100%;
    height: 100%;
}

.section {
    position: relative;
    width: 100%;
    padding: 50px 0;
}

#section2 {
    -skrollr-animation-name:animation1;
}

@-skrollr-keyframes animation1 {
    200-top {
        border: 5px solid red;
    }
}

@-skrollr-keyframes animation1 {
    -200-bottom {
        border: 5px solid blue;
    }
}

---

我无法复制你说的话。如果我复制你的代码，没有任何动画。这是因为您已经定义了两次

animation1

。改用这个：

@-skrollr-keyframes animation1 {
    200-top {
        border: 5px solid red;
    }

    -200-bottom {
        border: 5px solid blue;
    }
}