使用Gridstack.JS调整jQuery UI可调整大小 - 删除滚动条并将其大小调整为1像素

Question

我正在尝试使用GridstackJS（link to gridstack）

实现小部件解决方案

如果设置小部件宽度= 8且高度= 2且我的小部件有大量文本，则滚动条将显示为向上和向下滚动以查看小部件内容。

滚动条由Gridstack JS使用的jQuery UI应用。

如何删除丑陋的滚动条并将其替换为例如Perfectscrollbar或根据内容高度自动调整窗口小部件高度？

这是截图。

更新：

我设法通过设置删除滚动条：

.grid-stack .grid-stack-item .grid-stack-item-content {
    overflow: hidden;
}

然后：

$('.grid-stack-item-content').perfectScrollbar();

现在唯一的问题是如何在一个像素上调整它的大小。

我认为当您调整窗口小部件的大小时，如果展开它或缩小它，则下一个位置将是：

• 展开：无论+（cell_height + vertical_margin）
• 收缩：无论如何 - （cell_height + vertical_margin）