2

並べ替えを使用して、水平方向にスクロール可能なコンテナを作成しました。

いくつかの要件があります:

  • バウンディングボックスは固定幅です
  • オーバーフロー時にスクロールする必要があり、折り返しはありません

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を参照してください。理想的ではありませんが、今のところは問題ありません。まだ提案を受け付けています。

4

0 に答える 0