因为我需要使用自定义滚动条和按键选择来进行自定义下拉菜单。
到目前为止,我尝试使用jqueryui selectmenu小部件来实现此目的,并且对于自定义滚动条,我尝试了mcustomscrollbar及其工作方式。
但其按键效果(例如,按上/下箭头键或任何字母键)的滚动效果看起来有些生涩。
使用以下命令实现自定义滚动条
$(window).on(“ load”,function(){
var selectList = $(“
”);
变速= 200;
$('select')。selectmenu()。selectmenu(“ menuWidget”)。addClass('customScrollbar')。css('height',300);
$('select').selectmenu({
打开:function(event,ui){
$(“。customScrollbar”)。mCustomScrollbar({
主题:“深色”,
setHeight:300,
});
},
});
});
和按键滚动使用mcustomscrollbar scrollTo达到了预期的效果
$(document).bind(“ keydown”,function(event){
var selectHeight = 0,
currentSelect = $(“ ul”);
对于(var i = 0,l = currentSelect.length; i