我正在使用漂亮的滚动插件,在较小的设备上,导航栏不会显示所有链接,也没有滚动条可以查看所有链接。我尝试在我的配置上添加.navbar-collapse
以获得漂亮的滚动插件,如下所示。它不起作用。
$("html, .navbar-collapse, .modal").niceScroll({
cursorcolor: '#F05F40',
cursoropacitymin: '0',
cursoropacitymax: '1',
cursorwidth: '6px',
zindex: 10000,
scrollspeed: 200,
mousescrollstep: 80,
horizrailenabled: false,
});
我也尝试将以下属性添加到我的CSS但没有获胜。
.navbar-default {
max-height: 51px;
}
.navbar-collapse {
max-height: none;
}
@media (max-width: 768px){
.navbar-default {
max-height: none;
}
}
如何在小型设备上为导航栏添加滚动条?