无法让Skrollr使用BootStrap 3一页奇迹

时间:2014-04-19 19:56:48

标签: javascript css twitter-bootstrap skrollr

我对JavaScript一无所知(我选择使用Skrollr的主要原因),并且一直遇到让Skrollr工作的问题。我将此代码放在我的网页末尾:

<script type="text/javascript" src="js/skrollr.min.js"></script> <script type="text/javascript"> var s = skrollr.init(); </script>

然后我去上班了。为了测试,我添加了Skrollr文档中显示的动画,其中文本使用以下代码更改颜色:

<p class="lead" data-0="background-color:rgb(0,0,255);" data-500="background-color:(rgb255,0,0):">Blah blah blah.</p>

我上传它,没有结果。所以我尝试拿出课程,我是一个非常平庸的编码器,我只是玩一些东西,所以我不知道我想做什么是不可能的。我认为班级和data-是冲突的。所以我重新加载,并且通过jove,仍然没有。怎么了?这是页面的链接(我在第一部分测试Skrollr,文本开头“介绍工作室课程......”):http://jonathanalumbaugh.altervista.org/courserequests/photographyone.html

我还要注意,我想使用它来使带圆圈的图像从无到有扩展到它们的大小,在滚动时使它们弹出,并使“JA”封面图像视差滚动。但是我希望先把这个东西搞定。我也想让平滑滚动的东西转过来,但我不知道该怎么做。可能是一个非常简单的问题,所以要提前为愚蠢的问题道歉。

我不确定是否应该问这个问题,但是一旦这个问题起作用,是否可以为已经有类应用的东西设置动画,就像我试图用{{1}做的那样}?

我忘记添加: Dreamweaver说“skroll.min.js的第1行有语法错误。在修复此错误之前,代码提示可能无效。”我不知道为什么,我没有碰过它。 skroll.min.js的第一行显示<p class=lead data-0="background...

1 个答案:

答案 0 :(得分:0)

你在这段代码中有错误(rgb),正确应该是:

<p class="lead" data-0="background-color:rgb(0,0,255);" data-500="background-color: rgb(255,0,0)">Blah blah blah.</p>