【问题标题】:List in chrome not being fully renderedchrome中的列表未完全呈现
【发布时间】: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


【解决方案1】:

检查 ul 或其父级是否有 position: relative。如果有,带走应该有帮助

【讨论】:

  • 您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息,例如引用或文档,以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center
猜你喜欢
  • 2011-06-29
  • 2014-02-09
  • 1970-01-01
  • 2021-10-01
  • 2015-10-02
  • 2021-07-24
  • 2019-12-02
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多