jquery - 计算和使用 SlimScroll 的动态高度

Question

Jsfiddle 演示

我有一个 100% 高度的侧边栏。我有一个顶部小部件和一个底部小部件。我想使用slimscroll使底部小部件可滚动。

.sidebar {width:300px; padding:10px; background:#efefef;height:100%; position:fixed}
.top-widget {background:#eeefff;padding:10px}
.scroll-widget {overflow-y: scroll;padding:10px;margin:10px; background:#fffeee; height:300px}

问题是 slimscroll 或任何类似的滚动插件，我们必须制作固定高度的容器。

.scroll-widget无论如何，我可以在调用 slimscroll 之前动态分配一个高度以便它工作？

Answer 1

您可以通过调用获取元素的高度

$('#element').height();

或者

$('#element').outerHeight();

高度和外高之间的差异是；height 只获取元素的内联高度，没有填充和边距。Outerheight 计算基于元素的：高度、填充、边距和边框。

在窗口加载后调用这些。

编辑：为了计算保证金，必须给布尔值

外部高度（真）；