将SeqeunceJS与Twitter Bootstrap 3.0集成

Question

我想在我的引导主题中添加视差滚动效果，我遇到了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模板和视差序列主题创建了它。在引导 html 中，我将巨型屏幕下方的三列行替换为一行包含一整列，其中我插入了视差序列主题中的 html。然后，我将来自两个来源的 css 组合在一起，链接到所需的 javascript，并粘贴到标题为 sequencejs-options.sliding-horizontal-parallax.js 的视差序列主题中包含的脚本内容中。