我正在使用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;
}
谢谢!
发布于 2014-02-22 00:37:53
我确实设法重现了这一点--看到了问题的原因(我想)关闭了overflow-x: hidden
指令。如果内容丢失,它将返回,您将获得一个垂直滚动条。发生了一些事情,导致IE10认为它需要隐藏整个顶部行。
修复方法应该是使用类content-wrapper
重新调整包含overflow-x: hidden;
的任何内容的宽度,使其与父目录相匹配,并且从一开始就不需要div。
*注:我很难始终如一地复制。
发布于 2014-02-24 22:23:27
当我的IE 11用开发人员工具模拟IE10时,我无法重现这个问题。但我同意马修的观点,这很可能是由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%
?
所以请尝试一下,如果这能解决(避免)你的问题,请让我们知道-谢谢!
发布于 2017-08-03 00:01:54
您是否尝试过使用-ms-overflow样式的属性?
-ms-overflow-style: auto | none | scrollbar |-ms-autohiding scrollbar
https://msdn.microsoft.com/en-us/library/hh771902(v=vs.85).aspx
https://stackoverflow.com/questions/15818376
复制相似问题