javascript - 如何在小滚动条中给 div 元素一个百分比高度?

标签 javascript jquery html css tinyscrollbar

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

一切正常。

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

但 tinyscrollbar 迫使我使用 pixels 作为 div 的高度,这不是我想要的。

我试过像这样改变高度但没有成功:

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

但这工作正常:

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

这是一个有效的 FIDDLE:

https://jsfiddle.net/4a1v0xso/

有人可以就此问题提出建议吗?

如有任何帮助,我们将不胜感激。

最佳答案

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

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

关于javascript - 如何在小滚动条中给 div 元素一个百分比高度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47670514/

相关文章:

javascript - HighCharts 柱形图中的工具提示帮助

javascript - 动态多列布局

javascript - Angular 和 jQuery ng-include with document.ready 不工作

jquery向上滑动隐藏元素

javascript - 文本大小更改按钮

html - 为溢出移动的文本设置模糊或渐变

javascript - jquery fadeTo() 滚动时,向下时淡出但在返回时不淡入

javascript - 加速从 sql 数据库加载选择选项

html - 如何将点击事件添加到 typescript 中动态添加的html元素

javascript - 如何使用javascript从输入类型=日期的html元素中获取选定的日期