所以我在网页设计方面是一个新手，但我决定开始为自己展示一个展示网站：http://www.anikmusic.com
让我描述一下我的问题的主旨是什么：
以前，我遇到了固定定位元素在移动浏览器中跳跃和搞怪的问题，所以我决定创建一个网站，如你所见，不使用任何固定位置的元素，但而是使用一个绝对定位的标题和主体，适合浏览器，并缩放到它的高度和宽度。
身体充当准iframe，是内容的窗口。实际上，正是这个<div class="content" id="skrollr-body">内部包含了所有真实内容，而且当你正在查看网站时，你实际上是滚动的div，.content。所有部分，家庭，生物，歌曲等都在内容div中。
如果您查看内容div中的代码，您会发现“歌曲”，“分数”和“艺术”这些内容都称为“媒体内容 - 颜色 - 底层” 。看起来应该是这样的：
<div class="media-content-color-underlay skrollable skrollable-before" data-bottom-top="background-color:hsla(4,55%,48%,0.0);" data-top="background-color:hsla(4,55%,48%,0.7);" data-top-bottom="background-color:hsla(144,48%,44%,0.7);" style="width: 700px; background-color: rgba(190, 64, 55, 0);"></div>
嗯，那就是其中之一。还有另外两个，它们一个位于另一个之下，因此当您滚动时，衬垫会平滑地将颜色从红色变为绿色再变为蓝色，然后在您开始滚动到艺术部分后消失。现在，乐谱部分下方的衬垫被卡在红色，艺术品下面的衬垫被卡在绿色，而歌曲下面的那个被卡在0不透明度。
现在问题就出现了。通常情况下，这样可以正常工作，但是对于新的布局，内容实际上位于正文内部的div内部，Skrollr似乎无法判断元素何时进入视图，何时处于视图中我不相信，Skrollr使用窗口作为其参考框架，但我希望它使用带有class =“content”的div作为其参考框架。
我尝试将id="skrollr-body"添加到上述div中，但无济于事。
关于我接下来应该做什么的任何指示或提示？