如何用CSS自定义并调整可改变大小的div滚动条样式

小

中

大

function changeScrollbarSize(size) {

const div = document.getElementById('scrollableDiv');

div.classList.remove('scrollbar-small', 'scrollbar-medium', 'scrollbar-large');

div.classList.add(`scrollbar-${size}`);

// 这里还需要计算并更新scrollbar-position和scrollbar-height的值

// 由于篇幅限制，这里不展开实现细节