並べ替えを使用して、水平方向にスクロール可能なコンテナを作成しました。
いくつかの要件があります:
- バウンディングボックスは固定幅です
- オーバーフロー時にスクロールする必要があり、折り返しはありません
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:
「弱い」回避策が見つかりました:http: //jsfiddle.net/6vXG2/1/float:left
を参照してください。理想的ではありませんが、今のところは問題ありません。まだ提案を受け付けています。