我正在开发一个非常动画的网站，该网站广泛使用 superscrollorama 的 pin 功能来暂停滚动，同时仍然根据滚动位置为某些元素设置动画。
问题是稳定性和优化之一。当然，客户希望网站超级稳定且无故障，即使在用鼠标抓住滚动条并上下晃动时也是如此。幸运的是，这是让问题抬起头来的唯一方法，但它们确实很丑。
当使用滚动条上下翻动页面时，某些元素会“丢失”或“错位”。我怀疑他们的位置没有被适当地重置。当固定的元素被取消固定时，屏幕会变白，直到下一个部分被固定。您可以看到这一点，尤其是在上下翻动页面时，停在页面顶部。尝试从那里向下滚动。甚至一些动画在最初的办公场景之后也只是在场景中进行了部分渲染。我尝试将每个受影响的 img 和 divs 位置重置为 unpin 时的绝对位置，但无济于事。我还强制在每个影响 img 和 div 上设置一个初始固定位置，但仍然存在问题。
是不是发生的太多了，浏览器/计算机无法足够快地渲染所有内容，丢弃未执行的 JavaScript 并使动画仅部分完成？
我是 Web 开发领域的新手，尤其是前端的东西。非常感谢任何帮助。
编辑：
我最终废弃了所有的 Superscrollorama 代码并改用 Skrollr。现在没有任何故障发生 + 使用 Skrollr 可以更轻松地使网站响应。甚至可以在一定程度上在手机/平板电脑上工作。
网址：TalentVisor