在Div上滚动条的IE10问题

Question

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

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

您知道IE10是否有解决方案？

链接： http://landpros.com/propsearch.php

以下是div上的CSS：

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

谢谢！

Answer 1

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

修复应该是重新调整包含div的任何内容的宽度，使用类content-wrapper来匹配父级，并且首先不需要overflow-x: hidden;。

*注意：我努力不断重现。

Answer 2

我无法用我的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%？

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

Answer 3

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

-ms-overflow-style：auto |没有|滚动条| -MS-自动隐藏-滚动条

https://msdn.microsoft.com/en-us/library/hh771902(v=vs.85).aspx