左侧边栏在 Apple Devices Foundation 6 中未打开

Question

我正在使用 foundation6 构建左侧栏 (example here)

问题是所有苹果设备的菜单都打不开。当我点击汉堡图标时，屏幕变白了，什么也没有发生。

我的代码是这样的：

<div class="off-canvas-wrapper" >
<div class="off-canvas-wrapper-inner"  data-off-canvas-wrapper>
    <div class="off-canvas position-left reveal-for-large" id="sideBar" data-off-canvas data-position="left">
        <div class="sideBarDrakBG">
            <div class="row column">
                <a href="/" class="siteLogo"></a>
            </div>
            <div class="row column">

            </div>
            <div class="row column">
                <div class="sidebarBtns">

                    <a href="#" class="generalCTA joinGreen">bla bla</a>
                </div>
            </div>
        </div>
        <div class="row column">
            <div class="sideBarwinners">
                <div class="title"><img src="/skin/images/latest_winners.png"></div>
                <!--  some content</!-->
            </div>
        </div>
    </div>
    <div class="off-canvas-content" data-off-canvas-content >
        <div class="title-bar hide-for-large">
            <div class="title-bar-left">
                <div class="menu-iconBG">
                    <button class="menu-icon js-off-canvas-exit" type="button" data-open="sideBar" aria-controls="sideBar"></button>
                </div>
            </div>
            <div class="title-bar-middle">
                <div class="title-bar-title"></div>
            </div>
            <div class="title-bar-right">
                <a href="#" class="title-bar-login">Login</a>
            </div>
        </div>
        <div class="mainContainer"> 
        </div>
    </div>
</div>

有人可以帮忙吗？谢谢伊莱

Answer 1

所以我发现了我的问题。我必须将其添加到我的 CSS 文件中：

.off-canvas-wrapper {
overflow: hidden;}

现在可以使用了。

左侧边栏在 Apple Devices Foundation 6 中未打开

left side bar not open in apple devices foundation6

ios

zurb-foundation

zurb-foundation-6