Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jasny bootstrap offcanvas不';不要在手机上滚动_Javascript_Jquery_Css_Twitter Bootstrap_Jasny Bootstrap - Fatal编程技术网

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}
。检查这是否解决了问题,。