Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.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
Jquery 平板电脑版本的Bootstrap collapsable功能表中断,而手机版本的功能表中断_Jquery_Html_Css_Twitter Bootstrap - Fatal编程技术网

Jquery 平板电脑版本的Bootstrap collapsable功能表中断,而手机版本的功能表中断

Jquery 平板电脑版本的Bootstrap collapsable功能表中断,而手机版本的功能表中断,jquery,html,css,twitter-bootstrap,Jquery,Html,Css,Twitter Bootstrap,默认情况下,引导中的断点是767px,但我需要在980px处断开它,以便在981px以下的屏幕上显示可折叠菜单 对于小于768px的屏幕,当前脚本工作正常(以引导默认行为的方式) 我想在980px屏幕上添加相同的手机nav行为。但对于平板电脑版本来说,它会中断 主要问题是它没有像手机版本那样添加垂直滚动条,所以如果菜单比屏幕大,我可以看到向下滚动到其他菜单项 我的案例中的JSbin示例和问题屏幕截图 对于小于768像素的屏幕 用于768px-980px之间的屏幕 786px-980px版本

默认情况下,引导中的断点是767px,但我需要在980px处断开它,以便在981px以下的屏幕上显示可折叠菜单

对于小于768px的屏幕,当前脚本工作正常(以引导默认行为的方式)

我想在980px屏幕上添加相同的手机
nav
行为。但对于平板电脑版本来说,它会中断

主要问题是它没有像手机版本那样添加垂直滚动条,所以如果菜单比屏幕大,我可以看到向下滚动到其他菜单项

我的案例中的JSbin示例和问题屏幕截图

对于小于768像素的屏幕 用于768px-980px之间的屏幕


786px-980px版本没有显示滚动条

在css中尝试此媒体查询

@media (min-width: 768px) and (max-width : 980px){
  .navbar-collapse.in{
    overflow-y: auto !important;
  }
}