【发布时间】:2017-12-25 22:08:37
【问题描述】:
我在 Chrome 中似乎遇到了渲染问题。
我有一个可滚动的 ul 块,其中包含约 230 个 li 项目,每个 80px 高,被第 70 个项目周围的白色矩形剪裁,直到结束。
剪切区域不会出现在检查器中,它是纯视觉的。
隐藏的内容也仍然像平常一样完全可以访问和点击。
该问题仅出现在 Chrome (MacOS) 中,甚至 Chromium 中都没有,并且取决于视口的高度。例如,切换检查器将在没有任何逻辑的情况下更改渲染高度。
我尝试切换几乎所有应用于相关 div 的 CSS,但没有任何成功。我不能在这里发布任何代码,因为我不知道哪个部分负责,但如果您有任何线索,我会很高兴。
另外,我正在使用vue.js;,这些项目是由 v-for 循环呈现的,我不知道这是否与此处相关。
【问题讨论】:
-
您是否在 mac 上使用任何内存清理程序(CCleaner、Dr Cleaner 等)?可能是当您渲染大量元素时,它们会清理 Chrome 的缓存。
-
我正在使用 OnyX,但我认为它不应该动态清理文件...?这个问题似乎也出现在没有任何清洁器的 Mac 上。
标签: html css macos google-chrome vue.js