javascript - 在调整窗口大小之前，部分 div 隐藏着微小的滚动条

Question

我遇到了一个奇怪的问题

我创建了一个 fiddle http://jsfiddle.net/alexjamesbrown/oqu54cav

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

如果我调整窗口的大小，哪怕是一点点，其余元素都会按预期显示

我正在努力了解 a) 造成这种情况的原因，以及 b) 为什么它会在调整大小时自行修复？

Answer 1

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

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

.overview li {
    height: 2.5em;
}

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