Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/406.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 问题:在超级动画中使用滚动条进行滚动_Javascript_Jquery_Animation_Parallax_Superscrollorama - Fatal编程技术网

Javascript 问题:在超级动画中使用滚动条进行滚动

Javascript 问题:在超级动画中使用滚动条进行滚动,javascript,jquery,animation,parallax,superscrollorama,Javascript,Jquery,Animation,Parallax,Superscrollorama,我正在制作一个非常动画化的网站,它广泛使用超级动画的pin功能来暂停滚动,同时仍然根据滚动位置为某些元素设置动画 问题是稳定性和优化。当然,客户希望该站点超级稳定且无故障,即使在用鼠标抓住滚动条并上下猛拉滚动条时也是如此。幸运的是,这是让问题浮现在他们丑陋的头脑中的唯一方法,但他们确实丑陋 使用滚动条上下移动页面时,某些元素会丢失或放错位置。我怀疑他们的位置没有被正确重置。取消锁定锁定图元后,屏幕将变为白色,直到锁定下一个部分。你可以看到这一点,尤其是当你上下晃动页面,停在页面顶部时。尝试从那里

我正在制作一个非常动画化的网站,它广泛使用超级动画的pin功能来暂停滚动,同时仍然根据滚动位置为某些元素设置动画

问题是稳定性和优化。当然,客户希望该站点超级稳定且无故障,即使在用鼠标抓住滚动条并上下猛拉滚动条时也是如此。幸运的是,这是让问题浮现在他们丑陋的头脑中的唯一方法,但他们确实丑陋

使用滚动条上下移动页面时,某些元素会丢失或放错位置。我怀疑他们的位置没有被正确重置。取消锁定锁定图元后,屏幕将变为白色,直到锁定下一个部分。你可以看到这一点,尤其是当你上下晃动页面,停在页面顶部时。尝试从那里向下滚动。甚至有些动画也仅在初始office场景之后的场景中部分渲染。我尝试过在取消PIN时将每个受影响的img和DIV位置重置为绝对位置,但没有效果。我还强制每个img和div的初始固定位置,但仍然存在问题

这可能是因为正在进行的动画太多,浏览器/计算机无法足够快地渲染所有的动画,从而丢弃了未执行的JavaScript,只剩下部分动画完成

我对web开发的世界还很陌生,尤其是前端的东西。非常感谢您的帮助

编辑:我最终放弃了所有的超级字符代码,改用Skrollr。现在没有任何问题发生了,使用Skrollr更容易使站点响应。甚至在手机/平板电脑上也能达到一定程度


URL:

我得说-很棒的网站!这一切都很酷。顺便说一句,我使用的是Chrome,当我上下晃动鼠标时,我没有注意到任何问题