Javascript React站点有时无法在手机上全屏显示

所以我为自己设计了一个公文包网站，我在网站上使用了react scroll和react animate on scroll。有时（通常当您单击公文包导航链接，然后单击github导航链接时），站点不会一直向下滚动到github部分，您可以缩小，它看起来像这样（也仅在移动视图上发生）：

只要你点击任何东西，它就会回到全宽。。。您可以在此处检查站点的行为：

在我重新加载页面时也不会发生这种情况，通常只有在我执行以下步骤时才会发生： 1.在chrome工具中打开移动设备视图 2.展开导航栏并单击公文包链接 3.再次展开导航栏并单击github链接 （它将在github页面之前停止滚动，然后您可以缩小屏幕并看到屏幕不是全宽）

---

几天来，我一直在试图弄清楚为什么会发生这种情况，但我还没有发现任何东西。

我有时只能重现这个问题。尝试在CSS中隐藏x轴溢出，如下所示：

html, body{
overflow-x: hidden;
}

---

我有时只能重复这个问题。尝试在CSS中隐藏x轴溢出，如下所示：

html, body{
overflow-x: hidden;
}

---

你帮我节省了很多时间。谢谢你节省了我很多时间。谢谢