切换侧边栏按钮在 Safari 中不可见答案

【问题标题】：Toggle sidebar button is not visible in safari切换侧边栏按钮在 Safari 中不可见
【发布时间】：2019-05-13 14:34:48
【问题描述】：

我正在开发一个基于 Bootstrap 4 的网站，该网站带有一个可折叠的侧边栏。

切换按钮在 windows 和 macos 上的 chrome 和 firefox 中可见。但它在 macos 上的 safari 中不可见。

我尝试了很多解决方案，例如玩弄选项：

-webkit-transform: translateZ(0px); 或transform-style: preserve-3d;

运气不好。

我不想在这里放太多代码，所以我做了一个代码笔，你可以在其中看到实际行为：https://codepen.io/pen/JqRLKx

关于如何解决这个问题的任何想法？

【问题讨论】：

欢迎来到 StackOverflow！你试过这个stackoverflow.com/questions/30313761/…
感谢您的回答。我尝试了那里提到的解决方案，但没有成功。在我的示例中，侧边栏的折叠在所有浏览器中都按预期工作，只是切换按钮在 Safari 中根本不可见。

标签： html css safari

【解决方案1】：

好的，我想我可能已经缩小了您的问题的范围。我可以复制你在 Safari 上的内容。

经过大量删除并查看导致问题的行后，我发现 overflow-y: auto 导致了问题。

#sidebar-wrapper {
position: fixed;
left: 21rem;
width: 0;
height: 100%;
margin-left: -21rem;
overflow-y: auto;
background: #fafa;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;

}

现在删除该行将显示下拉项目。我不确定您如何解决该问题。如果我找到解决方案，我会更新我的答案试一试。

编辑

试试这个JQuery slide toggle menu

【讨论】：

感谢分享。我不知道如何使它适应我的需要。 link有什么建议吗？