div的一部分用tinyscrollbar隐藏，直到调整窗口大小

Question

我的出现了一个奇怪的问题

我在http://jsfiddle.net/alexjamesbrown/oqu54cav

在源代码中，第153行有一个<li>元素，上面写着"THIS SHOULD BE VISIBLE"
但是，当最初运行它时，它在滚动窗口中不可见。

如果我调整窗口的大小，哪怕是一点点，其余的项目都会像预期的一样可见

我很难理解a）是什么导致了这种情况，b）为什么它会在调整大小时自行修复？

Answer 1

如果关闭prettcheckable，您可以看到问题没有发生。我相信这是因为滚动条插件在之前读取div的高度，prettycheckable插件使复选框变大。因此，设置div的高度，生成滚动条，然后使用其他插件放大复选框。

现在，您正在为生成的图元设置高度样式。这些只有在javascript评估后才能发挥作用。为了解决这个问题，您需要对真实html中的元素进行样式设置。例如，这解决了您的问题：

.overview li {
    height: 2.5em;
}

因为.overview li在复选框被"预定型"之前就在那里，然后在生成它们时，它们不会使该元素变得更大。