Safari浏览器中不显示切换侧边栏按钮

时间:2019-05-13 14:34:48

标签: html css safari

我正在一个基于Bootstrap 4,折叠边栏的网站上工作。

切换按钮在chrome和Firefox中在Windows和macOS上可见。 但是在macOS的Safari浏览器中看不到它。

我尝试了很多解决方案,例如使用选项,例如:

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

没有任何运气。

我不想在这里放置太多代码,所以我制作了一个代码笔,您可以在其中查看实际行为:https://codepen.io/pen/JqRLKx

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

1 个答案:

答案 0 :(得分:0)

好的,我想我可能已经缩小了您的问题范围。我可以复制您在Safari上的浏览器。

大量删除并查看导致问题的行后,我发现溢出-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