视差效果仅限于网页的特定部分?

时间:2011-10-31 12:46:44

标签: javascript jquery html css parallax

我正在尝试对网站实施视差效果。但我有一个问题:这可以在页面的特定部分内完成吗?或者,强制网站的某些部分是静态的,而其他部分是视差?

我有一个页眉和页脚,它们的位置在CSS中定义为“position:fixed;”。所以,我想在它们之间产生视差效应。我认为这可能会因为图像位置等原因而导致一些问题。

我做了一个研究和所有的视差网站,我发现效果是全局的所有页面。

1 个答案:

答案 0 :(得分:0)

  

我正在尝试对网站实施视差效果。但我有一个问题:这可以在页面的特定部分内完成吗?或者,强制网站的某些部分是静态的,而其他部分是视差?

是的,你可以做到。


如果您的页面没有固定宽度,则会出现一些问题 - 您需要绑定窗口调整大小重新计算视差div的offset()height

此外,您必须设置<img/>的{​​{1}}和width

仅当height处于相关范围内时,才能获得更多性能绑定事件调用。