javascript - 将 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 中，我将 jumbotron 下方的三列替换为一整列的行，其中我插入了视差序列主题中的 html。然后，我将来自两个来源的 css 组合在一起，链接到所需的 javascript，并粘贴到标题为sequencejs-options.sliding-horizontal-parallax.js.