Question

在MacOS上的Safari中，画布菜单确实存在问题。只有那里。没有别的地方。

这个问题很容易解释：
有一个画布菜单，可以通过

移出可见区域

transform: translateX( -100% );

，然后通过再次将translateX设置为0进入视口。

此菜单为100％高，并且包含可能超出此可用空间的菜单项，因此可以使用来滚动菜单容器

overflow-y: scroll;
-webkit-overflow-scrolling: touch;

到目前为止，这是基础。

但是现在它开始变得奇怪并且表现得很奇怪：
一旦向画布上的菜单添加过渡效果，菜单就会滑入视口，但之后菜单内的滚动将不起作用。为了使它再次工作，我必须调整窗口大小或禁用溢出：在Safari检查器中滚动。

因此，没有过渡功能时，添加过渡功能后，画布上的菜单就可以滚动了。

我不知道为什么会这样，找不到解决问题的方法。

这是两个示例链接。两者都使用我自己编写的相同WordPress主题。只是颜色会发生变化，而在一个安装中，转换是禁用的，而在另一安装中，则禁用。

感谢您的帮助！如果您确实需要更多详细信息，请告诉我-预先感谢！