Chrome中的滚动溢出错误

Posted

技术标签:

【中文标题】Chrome中的滚动溢出错误【英文标题】:Scroll overflow bug in Chrome 【发布时间】:2013-03-01 20:50:28 【问题描述】:

我花了一段时间才抓住它,

Chrome (Windows 7): 25.0.1364.152 m
Datatables: 1.9.4
jQuery: 1.8.3
jQuery-UI: 1.9.2

将 Chrome 的缩放设置为 90%:

http://jsfiddle.net/MfsWX/2/embedded/result/

http://jsfiddle.net/MfsWX/2/

现在整个行都溢出屏幕了。

根据<td>s 中的数据,这个错误可能会出现和消失,但在这个特定的例子中 - 它显示得很清楚。

为什么"sScrollX": "100%""sScrollY": "100%" 不能正常工作?

如何解决?

FF 和 IE9 没有这个问题。

请帮忙。谢谢。

编辑:提交给开发者http://www.datatables.net/forums/discussion/14536/scroll-overflow-bug-in-chrome#Item_1,但每个人都在那里睡着了。 =)

编辑 2:对于那些受苦 =) 并需要临时解决方案的人:

#reports-table_wrapper 
    overflow-x: auto;

【问题讨论】:

【参考方案1】:

这似乎是唯一可用的解决方案:

#reports-table_wrapper 
    overflow-x: auto;

【讨论】:

以上是关于Chrome中的滚动溢出错误的主要内容,如果未能解决你的问题,请参考以下文章

溢出:在 Chrome、IE 中自动添加滚动条

Twitter Bootstrap 和 Chrome 中的奇怪溢出问题

滚动在 chrome 中的 svg 异物内部不起作用

HTML 字段集内容在 100% 高度溢出 (Chrome)

溢出-y:滚动未在 Chrome 中显示滚动条

CSS 过渡和溢出的 Chrome 问题:滚动或自动