Javascript 如何在tinyscrollbar中为div元素指定百分比高度？

我正在使用一个简单的jquery插件

tinyscrollbar

为div元素创建一个自定义滚动条

一切正常

但是我的div有一个百分比高度

%

但是tinyscrollbar迫使我使用

像素

作为div的高度，这不是我想要的

我试图像这样改变高度，但没有成功：

#scrollbar1 .viewport { width: 80%; height: 80%;}

但这很好：

#scrollbar1 .viewport { width: 80%; height: 200px;}

这是一把小提琴：

有人能就这个问题提出建议吗

---

任何帮助都将不胜感激。

像这样更改css。只需添加

位置：绝对它适合我

#scrollbar1 .viewport { width: 80%; height: 90%; overflow: hidden; position: absolute; }

top时为0；底部：0；左：0；右：0；位置：绝对位置在
#滚动条1
上，它在
视口的
高度上使用百分比。但是，我不确定你是否想要一个绝对位置。如果你的滚动条在主“body”标签下，那么你可以设置“80vh”而不是“80%”。这也将需要80%的屏幕。