所以我在网页设计方面完全是个新手，但我决定开始为自己制作一个展示网站：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 中，但无济于事。
关于我下一步应该做什么的任何指示或提示？