在Superscrollorama中使用滚动条滚动问题

时间:2013-12-19 20:06:40

标签: javascript jquery animation parallax superscrollorama

我正在开发一个非常动画的网站,该网站广泛使用superscrollorama的pin函数来暂停滚动,同时根据滚动位置动画某些元素。

问题在于稳定性和优化。当然,客户希望该网站具有超级稳定和无故障,即使用鼠标抓住滚动条并上下拉动也是如此。幸运的是,这是让问题摆脱丑陋头脑的唯一方法,但它们很丑陋。

使用滚动条向上和向下猛拉页面时,某些元素会“丢失”或“放错地方”。我怀疑他们的定位没有得到适当的重置。取消固定固定元素后,屏幕将变为白色,直到固定下一个部分。您可以看到这一点,特别是在上下颠簸页面时,停在页面顶部。尝试从那里向下滚动。甚至一些动画也仅在初始办公场景之后在场景中部分渲染。我已经尝试将每个受影响的img和divs位置重置为绝对无效。我还强迫每个影响img和div的初始固定位置,但仍有问题。

可能是因为太多了,浏览器/计算机无法快速渲染它,删除未执行的JavaScript并使动画仅部分完成?

我是Web开发世界的新手,尤其是前端的东西。任何帮助都非常感谢。

编辑:我最终废弃了所有的Superscrollorama代码并使用了Skrollr。现在没有发生任何毛病的事情+使用Skrollr使得网站更容易响应。甚至可以在移动设备/平板电脑上运行一定程度。

网址:TalentVisor

0 个答案:

没有答案