javascript - jasny bootstrap offcanvas 不会在手机上滚动

Question

我使用 jasny bootstrap 插件创建了一个侧边菜单。标记相当简单:

<div class="navmenu navmenu-inverse navmenu-fixed-right offcanvas-sm sidemenu">

    <ul class="nav navmenu-nav>
        <li></li>
        <!-- many more <li> which may have <ul> nested -->
    </ul>

</div>

问题是它在手机上不可滚动。当我尝试滚动它时，它根本不起作用。

我试图使用带有网络检查器的 iOS 模拟器对其进行深入检查，并尝试绑定(bind)一些事件。我尝试将 scroll 事件绑定(bind)到 .sidemenu 但此事件从未触发。然后我尝试绑定(bind) touchstart 事件并且它按预期工作。我想这意味着它确实可以识别我的触摸，但它只是无法识别滚动手势？

知道为什么它不起作用吗？

Answer 1

尝试将 data-placement="right"添加到切换按钮，这样做解决了我的问题。

<type="button" class="navbar-toggle" data-toggle="offcanvas" data-target="#menucanvas" data-placement="right">