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

尝试添加数据展示位置=＆＃34;正确＆＃34;切换按钮，这样做解决了我的问题。

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

Answer 2

我编辑了jasny-bootstrap.js，106行，并改变了这个：

OffCanvas.DEFAULTS = {
toggle: true,
placement: 'auto',
autohide: true,
recalc: true,
disableScrolling: false, /*true*/ 
modal: false

}

它对我有用。

jasny bootstrap offcanvas不会在手机上滚动

2 个答案: