Javascript 在调整窗口大小之前,使用tinyscrollbar隐藏部分div

Javascript 在调整窗口大小之前,使用tinyscrollbar隐藏部分div,javascript,css,tinyscrollbar,Javascript,Css,Tinyscrollbar,我和你有一个奇怪的问题 我创造了一把小提琴 在源代码中,第153行有一个元素,表示“这应该是可见的” 但是,当最初运行它时,它在滚动窗口中不可见 如果我调整窗口的大小,哪怕是一点点,其余的项目都会像预期的那样可见 我正在努力了解a)是什么导致了这种情况,b)为什么它会自动调整大小?如果您关闭prettycheckable,您可以看到问题不会发生。我相信这是因为scrollbar插件在prettycheckable插件使复选框变大之前读取div的高度。因此,设置div的高度,生成滚动条,然后使用

我和你有一个奇怪的问题

我创造了一把小提琴

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

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


    我正在努力了解a)是什么导致了这种情况,b)为什么它会自动调整大小?

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

    现在,您正在为生成的图元设置高度样式。这些只有在javascript计算完成后才起作用。为了解决这个问题,您需要在真正的html中设置元素的样式。例如,这可以解决您的问题:

    .overview li {
        height: 2.5em;
    }
    

    因为
    .overview li
    在复选框被“预类型化”之前就已经存在了,当它们被生成时,它们不会使该元素变得更大。

    我试着去掉大部分列表(我只留下了9个列表项),但问题仍然存在。fyihmm,好的。。有没有办法解决这个问题?