我正在开发一个非常动画的网站,该网站广泛使用superscrollorama的pin函数来暂停滚动,同时根据滚动位置动画某些元素。
问题在于稳定性和优化。当然,客户希望该网站具有超级稳定和无故障,即使用鼠标抓住滚动条并上下拉动也是如此。幸运的是,这是让问题摆脱丑陋头脑的唯一方法,但它们很丑陋。
使用滚动条向上和向下猛拉页面时,某些元素会“丢失”或“放错地方”。我怀疑他们的定位没有得到适当的重置。取消固定固定元素后,屏幕将变为白色,直到固定下一个部分。您可以看到这一点,特别是在上下颠簸页面时,停在页面顶部。尝试从那里向下滚动。甚至一些动画也仅在初始办公场景之后在场景中部分渲染。我已经尝试将每个受影响的img和divs位置重置为绝对无效。我还强迫每个影响img和div的初始固定位置,但仍有问题。
可能是因为太多了,浏览器/计算机无法快速渲染它,删除未执行的JavaScript并使动画仅部分完成?
我是Web开发世界的新手,尤其是前端的东西。任何帮助都非常感谢。
编辑:我最终废弃了所有的Superscrollorama代码并使用了Skrollr。现在没有发生任何毛病的事情+使用Skrollr使得网站更容易响应。甚至可以在移动设备/平板电脑上运行一定程度。
网址:TalentVisor