首页 > 解决方案 > 在 Firefox 中向下滚动网站时,当光标位于动画元素上时滚动停止

问题描述

好的,所以我在这里建立了这个网站:https ://savvasnicholas.com 。除了我注意到 Firefox 中的一些非常奇怪的行为外,所有浏览器中的一切都运行良好。当我加载页面时,我无法向下滚动。

我在这个页面中大量使用了 GSAP 动画。源代码在这里:https ://github.com/iamyojimbo/savvasnicholas

经过进一步调查,似乎我确实可以向下滚动,但是当我的光标未定位在动画元素上时,滚动会停止。因此,如果我将光标放在外部的滚动槽中,甚至位于主内容容器的填充中,我可以自由地上下滚动,直到我再次将光标悬停在动画元素上。

奇怪的!

我尝试禁用“平滑滚动”但没有任何效果,也尝试过谷歌搜索。要么我做了一些愚蠢的事情并且打开了一个奇怪的浏览器或溢出设置,要么这看起来像是一个非常严重的 Firefox 错误!

如果有人知道这里发生了什么,我将不胜感激!

标签: reactjsanimationfirefoxsvggsap

解决方案


推荐阅读