javascript - 将 SeqeunceJS 与 Twitter Bootstrap 3.0 集成

Question

我想为我的 bootstrap 主题添加视差滚动效果，我遇到了 SequenceJS。

我可以在不互相覆盖的情况下同时使用它们吗？

我应该怎么做:

1. 为背景制作平行DOM树并在其上应用SequenceJS。
2. 使用原始的 Bootstrap Dom 树并向其添加 SequenceJS 类。
3. 任何其他建议...

谢谢!

Answer 1

是的，您可以同时使用 SequenceJS 和 Bootstrap 而不会发生冲突。

一些重要的事情要记住:

1. 包含正确的 jQuery 版本 - 您需要包含 jQuery v 1.9.0 或 1.9.1，因为 Bootstrap 3 支持的最低版本是 1.9.0，SequenceJS 支持的最高版本是 1.9.1。 (分别参见 https://github.com/twbs/bootstrap/blob/v3.2.0/bower.json 和 http://www.sequencejs.com/developers/documentation/#add-files)。

2. 以正确的顺序排列您的 javascript 库(jQuery，然后是 Bootstrap，然后是 SequenceJS)。

这是一个演示两个组合库的 jsfiddle - http://jsfiddle.net/bzelip/keu606ed/ .

我使用 Jumbotron Bootstrap 模板和视差序列主题创建了它。在 bootstrap html 中，我将超大屏幕下方的三列行替换为一整列的行，我在其中插入了来自视差序列主题的 html。然后我将来自两个来源的 css 组合起来，链接到所需的 javascript，并粘贴到名为 sequencejs-options.sliding-horizo​​ntal-parallax.js 的视差序列主题中包含的脚本内容中。