7

我使用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 模拟器深入检查它并尝试绑定一些事件。我尝试将事件绑定scroll到，.sidemenu但该事件从未触发。然后我尝试绑定touchstart事件并按预期工作。我想这意味着它确实可以识别我的触摸，但它只是无法识别滚动手势？

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

4

2 回答 2

0

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

<type="button" class="navbar-toggle" data-toggle="offcanvas" data-target="#menucanvas" data-placement="right">
于 2016-01-05T16:48:52.587 回答
0

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

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

}

它对我有用。

于 2016-02-16T21:00:27.207 回答