jQWidgets jqxListBox scrollBarSize 属性介绍

简介

jQWidgets jqxListBox 是一个用于显示列表的 jQuery 插件。它支持单选和多选，还有滚动条。scrollBarSize 是最近新增的一个属性，它可以设置滚动条的宽度和高度。

属性说明

• 名称：scrollBarSize
• 类型：object
• 默认值：{ width: 10, height: 10 }
• 描述：设置滚动条的宽度和高度。

用法示例

设置滚动条的宽度和高度

$("#listBox").jqxListBox({
    width: 200,
    height: 150,
    scrollBarSize: { width: 20, height: 20 },
    source: ["Item 1", "Item 2", "Item 3", "Item 4", "Item 5", "Item 6", "Item 7", "Item 8", "Item 9", "Item 10"]
});

获取滚动条的宽度和高度

var scrollBarSize = $("#listBox").jqxListBox("scrollBarSize");
console.log("scrollBarSize.width: " + scrollBarSize.width);
console.log("scrollBarSize.height: " + scrollBarSize.height);

效果演示

默认滚动条样式

设置滚动条宽度和高度