问题标签 [parallax]

http://www.devbridge.com/projects/autocomplete/jquery/

左侧的侧边栏最初打印在页面下方，但是当您滚动它时，它会向上移动到顶部，然后停留而不是消失在视口顶部之外。我已经看到很多了。

我正在尝试为我们公司建立一个博客，并决定采用 Wordpress 的方式。我着手彻底改变一个标准主题，以便它可以包含我们想要的一切。该博客可以在这里找到http://limsomniacs.limsomnium.com它只有开始的帖子，还没有什么花哨的。

事情是我想使用 parallax.js 来创建使用墨水飞溅的深度场效果，所以我从远处的彩色墨水飞溅的模糊图像开始。

令我惊讶的是，当我在 wordpress 的 wrap div 中添加一个 div 时，它就像它只与内容 div 重叠，这意味着它不允许任何人选择文本或按下更多按钮并将帖子展开到完整长度......

Parallax.js 要求使用 position:fixed ，因此我试图看看这是否是问题，但它仍然存在。

使用 css 的 Z-index 属性也完全没用......

自从我在任何地方插入

它只是克服并重叠了所有内容 div ...

有人可以帮帮我吗？也许您以前见过这种情况，非常感谢您的帮助。

提前致谢

约翰

我想在我正在开发的网站上引入视差，但水平非常低。我尝试了很多教程，但它们似乎都面向具有多个全窗口背景的网站。

基本上我所拥有的是一个三栏页面，在整个站点中具有静态背景。我希望中间列（恰好是图像）的滚动速度比左右列稍慢。

关于最好和最简单的方法的任何提示？

提前致谢 ：）

我试图让文本以与其父 div 相同的速度滚动（以 1/10 的速度滚动）。目前，它以正常速度滚动。我做错了什么？

HTML：

CSS：

JS：

我发现了这个水平视差的好例子 http://www.perandersen.no/sandbox/parallax/ 我想做的唯一修改是让它从屏幕的最右边而不是左边开始，但我不能工作如果出来怎么做

这是使用的Jquery函数

有谁知道我怎么能做到这一点？

非常感谢，

我在 iPad 上遇到视差效果问题，我不需要它来完全发挥作用，我知道它不会向右滚动，但由于某种原因，所有背景都关闭了，并且固定位置设置不正确. 同样在某些时候，我的位置固定导航链接不可点击，尽管它们具有足够高的 z-index。

如果我取出固定在背景上的位置，我会看到它们，但是它们向左移动得太远了，在右边有一个巨大的间隙。我哪里错了？这是我第一次尝试这种效果，我让它在 IE 7 + Chrome 和 Firefox 中运行良好。

这是链接：http: //inrekor.awcbits.com/

我正在尝试在菜单上实现这种效果：http ://www.tokiolab.it/

我希望能够在滚动幻灯片时更改颜色。

这是我到目前为止所拥有的：http: //tinyurl.com/6uqdjmq

但是重叠工作得很好，菜单彼此重叠，我不希望这样。

有什么解决办法吗？

谢谢，

我正在尝试在我的游戏中对齐 4 个不同的视差背景。这些不是像太空射击游戏那样无休止的平铺背景，它们不会填满整个屏幕。它们是一排沿着地面奔跑的树。

我的图像左下对齐，我试图将它们全部对齐到地形的最低点。

我有以下信息： 地图上我希望所有东西都对齐的最低点（300 处）。背景的视差/滚动因子。背景的高度。

我试过了：

我显然在这里遗漏了一些东西。

基本上，我试图根据它的视差因子和地形中的最低点来计算放置背景图块的注册点的位置。

想法？

我正在开发视差网站。视差依赖于作为背景图像的一切 - 将以不同速度移动的图像。

有没有办法控制文本，而不把它变成图像？通过控制，我的意思是在视差图像移动时将其固定到位？如果没有固定定位，它只会以默认页面速度飞过图像 - 这比视差更快。

我一直在玩 position:fixed 和 z-index - 这很有效：http: //jsfiddle.net/bf8Zh/1/。问题是，在您浏览的页面越往下，一切都会出错的一切 - 重叠等

上面的 jsfiddle 是使用 position:fixed/z-index 来尝试解决问题的示例。

CSS示例：

在你说这不可能之前，我知道这是不可能的。这是一个例子：http: //victoriabeckham.landrover.com/INT

主要问题是 iOS 在滚动时冻结了 DOM 操作，因此您必须使用某种技术来克服这个问题。我希望使用的视差插件是 stellar.js，但我遇到的问题是该插件的“iOS 演示”在桌面上并不能真正使用。今天早上我摆弄了 3 个小时，但无法获得在 iOS 和桌面上都能正常工作的设置。

我需要一些想法，要么是一种将 stellar.js 配置为在两者上以相同方式工作的技术（我不确定这是否可能），要么是另一个同时适用于两者的库，或者可能对我如何编程解决方法有所了解我。

任何帮助表示赞赏。