javascript - 如何在tinyscrollbar中给div元素一个百分比高度？

Question

我正在使用一个简单的 jquery 插件tinyscrollbar为 div 元素创建自定义滚动条。

一切正常。

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

但是 tinyscrollbar 迫使我使用pixelsdiv 的高度，这不是我想要的。

我试图改变这样的高度没有任何成功：

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

但这很好用：

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

这是一个有效的 FIDDLE：

https://jsfiddle.net/4a1v0xso/

有人可以就这个问题提出建议吗？

任何帮助，将不胜感激。

Answer 1

像这样更改css。只需添加position:absoute;它对我有用。

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