Jquery 平板电脑版本的Bootstrap collapsable功能表中断,而手机版本的功能表中断
默认情况下,引导中的断点是767px,但我需要在980px处断开它,以便在981px以下的屏幕上显示可折叠菜单 对于小于768px的屏幕,当前脚本工作正常(以引导默认行为的方式) 我想在980px屏幕上添加相同的手机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版本
nav
行为。但对于平板电脑版本来说,它会中断
主要问题是它没有像手机版本那样添加垂直滚动条,所以如果菜单比屏幕大,我可以看到向下滚动到其他菜单项
我的案例中的JSbin示例和问题屏幕截图
对于小于768像素的屏幕
用于768px-980px之间的屏幕
786px-980px版本没有显示滚动条 在css中尝试此媒体查询
@media (min-width: 768px) and (max-width : 980px){
.navbar-collapse.in{
overflow-y: auto !important;
}
}