javascript - 在调整窗口大小之前，部分 div 被 tinyscrollbar 隐藏

Question

我有一个奇怪的问题

我在 http://jsfiddle.net/alexjamesbrown/oqu54cav创建了一个小提琴

在源代码中，<li>第 153 行有一个元素说“这应该是可见的”
但是，当最初运行它时，它在滚动窗口中不可见。

如果我调整窗口大小，即使是一点点，其余项目都按预期可见

我很难看到a）是什么原因造成的，以及b）为什么它会在调整大小时自行修复？

Answer 1

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

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

.overview li {
    height: 2.5em;
}

因为在.overview li复选框“美化”之前就已经存在，然后在生成它们时，它们不会使该元素变得更大。