我创建了一个带有排序功能的水平滚动容器。
有一些要求:
- 边界框是固定宽度
- 溢出时必须滚动,不换行
这是 JSFiddle: http: //jsfiddle.net/6vXG2/(拖动带有粉色标题的列)
这完美适用于:IE9、Opera、Safari
但不适用于:Chrome、Firefox
在 Chrome 和 Firefox 中,元素开始跳跃。(顺便说一句,Firefox 上的行为在 Windows 和 OSX 之间是不同的,使用完全相同的版本 - 17.0.1)
最初使用 设计它时float:left
,所有浏览器的行为都正确,但由于没有包装要求,我不能使用它。
任何想法如何解决这一问题?或者这是一个 jqueryui 错误/问题?
谢谢
编辑:
如果我添加border-collapse: collapse
它在 Chrome 中再次正常运行,但在 Opera 中会中断。
编辑2:
找到了一个“弱”的解决方法float:left
:参见http://jsfiddle.net/6vXG2/1/。不理想,但目前还可以。仍然开放的建议。