Javascript 锚定标签在页面中向下移动，但不会向上移动

我在我的项目中遇到了一个奇怪的问题，我的锚定标记在页面的下方起作用，但在页面的上方似乎不起作用。我已经设法用尽可能少的代码重新创建了这个问题

我在代码示例中添加了一个调试，以提供尽可能多的信息。我们使用的插件是ScrollMagic特性&我曾尝试在JS中修复这个问题，但没有效果。关于为什么锚不向上滚动有什么想法吗

/*============================================================ ---SCROLLMAGIC设置--- ============================================================*/ var ctrl=new ScrollMagic.Controller{ 全球场景选项：{ triggerHook:“onLeave” } }; $section.eachfunction{ var name=$this.attr'id'； 新的魔法。场景{ 触发元素：这个 } .setPinthis .附加指示器{ 颜色开始：RGBA255255,0.5， 彩色端：RGBA255255,0.5， 颜色触发器：RGBA255255,1， 姓名：姓名 } .loglevel3 .addToctrl； }; var wh=窗内高度； 新的魔法。场景{ 偏移量：wh*3 }; /*============================================================ ---SCROLLMAGIC锚/滚动到--- ============================================================*/ $“头a”。单击“头a”功能{ var targetSection=$this.attr'href'.substring1； var targetPerc=targetSection-1/$“导航a”。长度为1； var targetPos=scene.scrollOffset+scene.duration*targetPerc； controller.scrollTotargetPos； }; /*============================================================ ---视图上的反弹动画--- ============================================================*/ $function{ AOS.init； }; /*将主体设置为浏览器视口高度的100%*/ html，正文，.hero{高度：110%；边距：0；} /*使每个部分都达到浏览器视口高度的100%*/ 截面{高度：100%；位置：相对；} /*要在页面中跟随的标题*/ 标题{位置：固定；左侧：5%；顶部：40%；z索引：99；字体大小：18px；} /*每个部分的背景色*/ 第一节{背景：url'https://via.placeholder.com/1920x1080'中心/覆盖；} 第二部分{背景：线性梯度90度，F4F6F5 50%，FFFFFF 50%；} 第三节{背景：url'https://via.placeholder.com/1920x1080'中心/覆盖；} 一 二 三

---

我不确定ScrollMagic是否真的对你有效——上升还是下降。在这里查看他们的示例代码，您的代码与他们的代码有一些不同。也许可以试着更仔细地复制文档？例如

您将新的ScrollMagic.Controller保存到变量ctrl，但稍后将其称为Controller-调试页面时，变量Controller上没有定义

同样在他们的示例中，他们将新的ScrollMagic.Scene保存到一个名为Scene的变量中，但您并没有保存您的-稍后再参考变量Scene，我再次发现该变量未定义

---

我认为您的代码只是在向下运行，因为它是作为一个普通的锚定标记运行的。

如果将脚本添加为head元素的最后一部分，那么代码似乎工作得很好

如果将其作为外部脚本添加，也可以在同一位置使用

<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.3/ScrollMagic.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://unpkg.com/aos@3.0.0-beta.5/dist/aos.js"></script>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet"/>
<link href="https://unpkg.com/aos@2.3.0/dist/aos.css" rel="stylesheet"/>
<script src="<your_script>"></script>

---

非常感谢。工作起来很有魅力