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

Question

Jsfiddle Demo

我有一个 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 或任何类似的滚动插件，我们必须制作固定高度的容器。

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

Answer 1

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

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

或

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

height 和 outerheight 的区别是； height 仅获取元素的行内高度，没有填充和边距。 Outerheight 根据元素的高度、填充、边距和边框计算。

在窗口加载后调用它们。

编辑:为了计算 margin ，必须给 bool 值

outerHeight(true);