0

我正在尝试在我的网站上结合两种不同的操作，并且由于我是 javascript 和 scrollmagic 的初学者，我一直在努力让它们一起工作。我设法使每组操作单独工作。我的代码基于 Jan Paepke 的教程。这是我正在处理的页面的链接：

多个滚动魔术动作网站

  1. 当您向下滚动时，第一组操作是向左和向右的补间。
  2. 第二组操作只是为了能够从第二个导航链接（page-nav）中的每一个到它们的部分（#tags）进行滚动操作。

在对其进行故障排除时，我注意到使其中一个或另一个单独工作的事情是，如果我包括

<script type="text/javascript" src="js/scrollmagic/ScrollMagic.js"></script>

脚本（包含在 ScrollTo教程中。似乎以前的脚本和 jquery

<script type="text/javascript" src="js/scrollmagic/jquery.scrollmagic.js"></script>

可以这么说，文件正在踩对方的脚趾。如果包含一个而不包含另一个，则该操作将适用于我的 .html。无论如何，我已经为此苦苦挣扎了一段时间，而且我对不同的 jquery.scrollmagic 或 ScrollMagic.js 内部分支还不够熟悉来解决这个问题。

如果您有任何解决方案或想法，这将对我非常有帮助！我相信可能有更直接的方法可以解决这个问题，但我似乎无法在网上找到它......谢谢，

阿德里安

4

1 回答 1

0

您在这里混合了几个版本。

jquery.scrollmagic.js是 1.x 版的旧库文件
ScrollMagic.js是 2.x 版文件的当前库。
plugins/jquery.ScrollMagic.js是 2.x 版的 jQuery 扩展

您将在相应文件的头部部分找到这些信息中的每一个。

正如您自己发现的那样，您不能同时使用两个不同的版本，因为它们会“踩到对方的脚趾”。

我强烈建议您在其 wiki中了解有关 ScrollMagic 如何工作的更多信息。
此外，您应该阅读并遵循故障排除指南。尤其是关于检查控制台以获取有用信息的部分，我不能再强调了。

语法已从 ScrollMagic 1.x 更改为 2.x，所以我的猜测是您的问题在于这样一个事实，即一个使用旧语法，一个使用新语法。如果您使用控制台，这绝对是您可以弄清楚的。

于 2015-04-03T13:35:37.023 回答