无法使用Skrollr.js将div设置为动画

Question

在ihatetomatoes完成Parallax Master Class之后，我开始使用Skrollr.js。我以为我掌握了一些东西，并开始创建我自己的视差网站，使用Skrollr.js作为实验，我已经打了一个墙（现在已经玩了两天了！）。我在第一个div上设置的动画很好（一个简单的文本转换）。在第二个div（＃slide2bottom-content）上，无论我使用哪种数据类型，我都无法发生任何事情。这可能是我的CSS或其他组合的问题吗？

该网站位于：http://cwdphotography.com/bacon/index.html

以下是我的html的一部分：

<div id="slide1">
            <div id="slide1top"
                data-0="opacity: 1;"
                data-400="opacity: 0;"
            >
                <h2>Bacon ipsum dolor amet drumstick pork short loin tail, venison shoulder corned beef picanha kielbasa pork chop. Pork loin fatback chuck, ribeye venison tail beef bacon.</h2>
            </div>


    </div>

    <div id="slide2">
                <div id="slide2bottom-content"
                    data-0="opacity: 0"
                    data-600="opacity: 0"
                    data-700="opacity: 1"

                >
                    <h1>The Issue</h1>
                    <h3>Are you in need of bacon covered bacon with bacon filling?</h3>
                    <p>Bacon ipsum dolor amet drumstick pork short loin tail, venison shoulder corned beef picanha kielbasa pork chop. Pork loin fatback chuck, ribeye venison tail beef bacon.Bacon ipsum dolor amet drumstick pork short loin tail, venison shoulder corned beef picanha kielbasa pork chop. Pork loin fatback chuck, ribeye venison tail beef bacon.Bacon ipsum dolor amet drumstick pork short loin tail, venison shoulder corned beef picanha kielbasa pork chop. Pork loin fatback chuck, ribeye venison tail beef bacon.</p>
                </div>
        </div>