css - Div 上的滚动条出现 IE10 问题

Question

我在 div 上使用滚动条，它似乎在 IE10 中存在渲染问题。

当您将 div 一直滚动到底部，然后返回顶部时，顶部的内容会丢失。

不知道有没有IE10的解决方案？

这是 div 上的 CSS：

.prop-search-content-wrapper{
    margin: 0 0 30px 0;
    padding: 0;
    height: 980px;
    overflow-x:hidden;
    overflow:scroll;
}

谢谢！

在此处输入图像描述

score 3 · Accepted Answer

我确实设法重现了这一点-查看问题的原因（我认为）关闭overflow-x: hidden指令。如果内容丢失，它会回来，你会得到一个垂直滚动条。正在发生的事情导致 IE10 认为它需要隐藏整个顶行。

修复应该是重新调整包含类的任何内容的宽度，content-wrapper以匹配父级，并且从一开始就不需要overflow-x: hidden;。

*注意：我一直在努力重现。

score 3 · Accepted Answer

我无法重现我的 IE 11 使用开发人员工具模拟 IE 10 的问题。但我同意马修的观点，这很可能是由overflow-x: hidden环境引起的。

您可以轻松避免它！

查看您的foundation.css 文件（在第233 和235 行）：

.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -10px; }

除了规则存在两次之外，您的“麻烦”还来自负的左右边距。你不需要它们，所以只需删除它们！

通过这样做，不再需要overflow-x: hidden设置。顺便说一句：如果您不希望元素水平溢出其父级，
为什么要将设置max-width为none，而不是？100%

因此，请尝试并告诉我们，如果这可以解决（避免）您的问题 - 谢谢！

score 0 · Accepted Answer

您是否尝试过使用 -ms-overflow-style 属性？

-ms-溢出样式：自动 | 没有 | 滚动条 | -ms-自动隐藏滚动条

3 回答 3