无法让Skrollr与BootStrap 3一起工作一页奇迹

Cannot get Skrollr to work with BootStrap 3 one page wonder

本文关键字：一起工作一页奇迹 BootStrap Skrollr 更新时间：2023-09-26

我对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-是冲突的。所以我重新部署，幸运的是，仍然一无所获。这是怎么回事？这里有一个页面链接（我在第一节测试Skrollr，开头是"入门工作室课程…"）：http://jonathanalumbaugh.altervista.org/courserequests/photographyone.html

我还需要注意的是，我想用它来让圆圈图像从零扩展到它们的大小，让它们在滚动时弹出，并使"JA"封面图像视差滚动。但我想先把这件事做好。我也想让平滑滚动的东西，但我不知道在哪里做。这可能是一个非常简单的问题，所以提前为这些愚蠢的问题道歉。

我不确定我是否应该为此再问一个问题，但一旦这真的起作用，是否可以像我尝试使用<p class=lead data-0="background...那样，对已经应用了类的东西进行动画处理？

我忘了添加：Dreamweaver说"skroll.min.js的第1行有语法错误。在修复这个错误之前，代码提示可能无法工作。"我不知道为什么，我还没有碰过它。skroll.miin.js的第一行说<!DOCTYPE html>。

您在这段代码（rgb）中有错误，正确的应该是：

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