将SeqeunceJS与Twitter Bootstrap 3.0集成

Question

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

我可以同时使用它们而不会相互覆盖吗？

我应该怎么做：

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

谢谢！

Answer 1

是的，你可以使用SequenceJS＆amp;没有冲突的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＆amp; http://www.sequencejs.com/developers/documentation/#add-files）。

2. 按正确的顺序排序你的javascript库（jQuery，然后是Bootstrap，然后是SequenceJS）。

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

我是使用Jumbotron Bootstrap模板创建的。视差序列主题。在bootstrap html中，我用一个带有一个完整列的行替换了在jumbotron下面的三列的行，其中我从视差Sequence主题中插入了html。然后我将来自两个来源的css与所需的javascripts相关联，并粘贴在标题为sequencejs-options.sliding-horizontal-parallax.js的视差序列主题中包含的脚本内容中。