HTML / CSS - 坐在元素顶部的动画背景

时间:2013-03-04 22:40:55

标签: jquery html css

我正在通过为设计添加其他功能来尝试响应式模板。

我正在尝试为导航添加动画视差背景。

http://www.stopcry.in/test/

背景由3个div组成,并由一些jQuery赞美。在此链接中,背景div被放置在“侧边栏”div之外,看起来有点正确 - 当您向下滚动时,图像会缩短。

当将div放入“侧边栏”div时,它完全支配它,侧边栏的元素消失,同时留下徽标,我无法弄清楚为什么会被挑出来?

http://www.stopcry.in/test/index2.html

1 个答案:

答案 0 :(得分:0)

尝试将position:absolute更改为position:fixed。请注意,虽然背景不再与页面一起滚动,但它至少会保留在正确的位置而不是切断。

如果你需要它来滚动页面,你可以尝试将其高度设置为页面的高度(确保在窗口调整大小时更新它),而不是我在第一段中所说的,但是请注意如果你这样做可能会有些跳动。