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>

问题是手机上无法滚动.当我尝试滚动它时它就不起作用了.

我试图使用带有Web检查器的iOS模拟器深入检查它并尝试绑定一些事件.我尝试将scroll事件绑定到.sidemenu但是此事件从未触发过.然后我尝试绑定touchstart事件,它按预期工作.我想这意味着它确实识别我的触摸,但它只是无法识别滚动手势？

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

Answer 1

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

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