Javascript jasny bootstrap offcanvas不';不要在手机上滚动
我使用Javascript jasny bootstrap offcanvas不';不要在手机上滚动,javascript,jquery,css,twitter-bootstrap,jasny-bootstrap,Javascript,Jquery,Css,Twitter Bootstrap,Jasny Bootstrap,我使用jasny bootstrapadd-on创建了一个侧菜单。标记相当简单: <div class="navmenu navmenu-inverse navmenu-fixed-right offcanvas-sm sidemenu"> <ul class="nav navmenu-nav> <li></li> <!-- many more <li> which may have &l
jasny bootstrap
add-on创建了一个侧菜单。标记相当简单:
<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>
尝试将data placement=“right”添加到切换按钮,这样做为我解决了问题
<type="button" class="navbar-toggle" data-toggle="offcanvas" data-target="#menucanvas" data-placement="right">
我编辑了jasny-bootstrap.js,第106行,并更改了以下内容:
OffCanvas.DEFAULTS = {
toggle: true,
placement: 'auto',
autohide: true,
recalc: true,
disableScrolling: false, /*true*/
modal: false
}
它对我有效。我运行了一些测试,它在移动设备上有效,并且可以滚动。@FarzadYZ真的吗?真奇怪。。我用不同的手机甚至模拟器做了很多测试,但都没能正常工作。如果我分享了我的实际生产代码的演示链接,你介意试试吗?是的,我可以。提供demo@FarzafYZ请访问并使用demo@receipto.org
作为电子邮件,密码
作为密码。我为这种奇怪的语言道歉。当你登录时,你会在右边看到我在说什么。请注意,请使用实际电话查看该问题。当浏览器调整大小或使用chrome的仿真器时,它可以工作,但在真正的手机上不起作用。谢谢我在使用手机时发现了这个问题,Gecko和Webkit都有。解决方法是使用.navmenu nav{overflow-y:auto}
。检查这是否解决了问题,。