Javascript 视差'；背景图像/位置/附件'；jQuery动画非常紧张

这里是故障

• 包装器（位置：相对；溢出：隐藏；）
  • 节容器（位置：绝对）
    • 多个子部分

我附加了一个鼠标滚轮事件监听器，并设置了“节容器”的“顶部”位置的动画。当此位置更改时，每个节的“背景位置”将根据“节容器”的“顶部”属性（通过setTimeout（）不断更新）的位置垂直移动

所有这些都正常工作，除了“背景位置”改变外，图像有点抖动。如果“后台附件”设置为“固定”，则不会发生此情况。。。但我不想那样

有人能解释这一点，并提出可能的解决办法吗？我不断地查看该站点，无法找出他们在做什么不同的事情以使其高效运行。

如果您仔细检查，您将能够像路虎站点一样使用它

您需要使用：和

文档jQuery应该是这样的：

$(document).ready(function(){
    $('#nav').localScroll(800);

    //.parallax(xPosition, speedFactor, outerHeight) options:
    //xPosition - Horizontal position of the element
    //inertia - speed to move relative to vertical scroll. Example: 0.1 is one tenth the speed of scrolling, 2 is twice the speed of scrolling
    //outerHeight (true/false) - Whether or not jQuery should use it's outerHeight option to determine when a section is in the viewport
    $('#intro').parallax("50%", 0.1);
    $('#second').parallax("50%", 0.1);
    $('.bg').parallax("50%", 0.4);
    $('#third').parallax("50%", 0.3);

});

---

你可以看看这个，我相信这是他们制作大部分动画的地方：

我不得不说，他们有某种框架，他们正在使用这种框架来实现这一点

编辑：很抱歉没有看到我上面的新答案，这似乎是一个很好的起点

---

-肯：好的。因此，我发现我的问题是在尝试对“top”属性上的“section container”设置动画（）时。我使用了一个“+=”来允许它从当前位置递增。使用“鼠标滚轮”事件时不是一个好主意。我将其更改为一个不断递增/递减的硬设置变量。

路虎站点由实力雄厚的团队Paul Cheteles和George Cheteles开发。这是一个非常复杂的网站，很难完全理解。站点javascript=Ehh。。。不是真的。我使用的是一个经过调整的“超级全景/TweenMax/TimelineLite”的组合。。。一个经过调整的“iscroll”（使用“top”，而不是“translate3d”）。我现在得到了正确的效果，因为我改变了更新“top”属性的方式。但这并不是说它写得不好。我只想批评一下，页面上下在他们的网站上没有任何作用。