【问题标题】:Bootstrap selectpicker + mCustomScrollbar not working as expectedBootstrap selectpicker + mCustomScrollbar 未按预期工作
【发布时间】:2015-06-30 15:32:59
【问题描述】:
我正在尝试在引导选择选择器上实现自定义滚动条。但它没有按预期工作。
请在这里找到小提琴
$(objElm).selectpicker({
size: 4
});
$('.dropdown-menu.inner, objElm').mCustomScrollbar({
theme:"dark"
});
http://jsfiddle.net/20a66247/2/
非常感谢您的帮助。提前致谢
【问题讨论】:
标签:
twitter-bootstrap
bootstrap-select
custom-scrolling
【解决方案1】:
引导样式覆盖和设置超时帮助我实现了我的预期。 PFB 更新的小提琴
$('.dropdown-toggle.selectpicker').on('click', function(){
setTimeout(function(){
var jDropdown = $('.dropdown-menu.open ');
if(!jDropdown.hasClass("mCustomScrollbar")) {
jDropdown.mCustomScrollbar({
axis:"y",
autoDraggerLength:false,
dropupAuto: false,
advanced: {
updateOnBrowserResize: true,
updateOnContentResize: false,
autoScrollOnFocus: false
}
});
}
}, 50);
});
http://jsfiddle.net/20a66247/6/