使用相对skrollr一个元素,而不是窗口(using skrollr relative to an

2019-10-18 19:00发布

所以,我是一个总的新手,当涉及到网页设计,但我决定开始上展示,网站为自己的工作: http://www.anikmusic.com

让我描述我的问题的要点是什么:

  • 以前,我是有固定位置元素跳跃,做在手机浏览器古怪的东西的问题,所以我决定创建,你可以看到,不使用任何固定定位的元素一个网站,而是使用绝对定位的头和身体适合的浏览器内的,和扩展到它的高度和宽度。

  • 身体充当准iframe中,一个窗口的内容。 事实上,这是这个<div class="content" id="skrollr-body">有它内部的所有的真实内容,这是该分区,。内容,那你实际上是通过滚动,当你正在寻找在现场。 所有部分,家居,生物,歌曲等都是内容的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,我相信,是使用窗口作为参照系,但我想它使用DIV带class =“内容”为参照系。

  • 我尝试添加id="skrollr-body"上述DIV,但无济于事。

任何指针或暗示为我下一步该做什么?

文章来源: using skrollr relative to an element, not the window