所以,我是一个总的新手,当涉及到网页设计,但我决定开始上展示,网站为自己的工作: 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,但无济于事。
任何指针或暗示为我下一步该做什么?