使用skrollr相对于元素，而不是窗口

所以我在网页设计方面总是新手，但我决定开始为自己展示一个展示网站： http ： //www.anikmusic.com

让我描述一下我的问题的主旨是什么：

• 以前，我遇到了固定定位元素在移动浏览器中跳跃和搞怪的问题，因此我决定创建一个网站，正如您所看到的，它不使用任何固定定位的元素，而是使用绝对定位的标题和适合浏览器的主体，并缩放到它的高度和宽度。

• 身体充当准iframe，是内容的窗口。 实际上，正是这个

  包含了其中的所有真实内容，并且正是你在寻找时实际滚动的div，.content在现场。 所有部分，家庭，生物，歌曲等都在内容div中。

• 如果你看一下内容div中的代码，你会发现“歌曲”，“分数”和“艺术”部分都有这个叫做“媒体内容 – 颜色 – 底层”的东西。 它应该看起来像这样：

• 嗯，这是其中之一。 还有另外两个，它们一个位于另一个之下，因此当您滚动时，衬垫会平滑地将颜色从红色变为绿色再变为蓝色，然后在您开始滚动到艺术部分后消失。 现在，乐谱部分下面的衬垫被卡在红色，艺术品下面的那个被卡在绿色，而歌曲下的那个被卡在0不透明度。

• 现在这是问题所在。 通常情况下，这可以正常工作，但是对于新的布局，内容实际上在body内部的div内部，Skrollr似乎无法分辨元素何时进入视图，何时处于视图中我认为，Skrollr使用窗口作为参考框架，但我希望它使用带有class =“content”的div作为其参考框架。

• 我尝试将id="skrollr-body"到上述div中，但无济于事。

关于我接下来应该做什么的任何指示或提示？