计算并使用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根据元素的：高度，填充，边距和边界计算。

在窗口加载后调用它们。

编辑：为了计算边距，还必须给布尔值

  

outerHeight（真）;