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

前端之家收集整理的这篇文章主要介绍了javascript – jasny bootstrap offcanvas不会在手机上滚动前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用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模拟器深入检查它并尝试绑定一些事件.我尝试将滚动事件绑定到.sidemenu,但此事件从未触发过.然后我尝试绑定touchstart事件,它按预期工作.我想这意味着它确实识别我的触摸,但它只是无法识别滚动手势?

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

解决方法

尝试将data-placement =“right”添加到切换按钮,这样做可以解决我的问题.
<type="button" class="navbar-toggle" data-toggle="offcanvas" data-target="#menucanvas" data-placement="right">

猜你在找的JavaScript相关文章