.row divがスクロールしないようにするにはどうすればよいですか？

各行を水平方向にスクロールしたいと思います。右矢印キーを押すと、通常、行全体が左にスクロールします。実際には、行の実際の幅を取得するためにdisplay: tableを追加する前にスクロールしていました。.row divがスクロールしないようにするにはどうすればよいですか？

スクロールする方法？ https://jsfiddle.net/souren/98rddfzp/8/

出典

2017-02-22 Pablo

'display：table'または' inline-block' divでスクロールする必要がないと感じることはないでしょうか？はいの場合、それにセルを追加した後、本当の幅の.rowを得ることができますか？ – Pablo

代わりdisplay: tableを使用しての、box-sizing: border-boxを使用してみてください：問題を表示する

例は、（2個の細胞を示すために、クライアント領域のサイズを変更する必要があります）。

チェックthisおよびthis。

ここにあなたのupdated fiddleがあります。

出典

2017-02-22 14:53:57 Condorcho

しかし、私は実際の空間を得ることができません、.rowの内部の細胞によって占有されています。 '$（"＃row "+ currentRowIndex）.width（）'は、ウィンドウのサイズを返しますが、不可視領域を含む行のサイズは返しません。 – Pablo

私はあなたが得たいと思うサイズを理解していません。それに含まれるセルを含むすべての '' row 'のサイズ？あなたの例のように、すべてのセルは同じサイズです。 – Condorcho

'.row'に新しいセルを追加するたびに、' .row'のサイズはおそらく拡大しています。 1つのセル210,2つのセル420など。私は現在のセルで全体のサイズを取得したいと思います。でも、どういうわけか私は間違っているようだ。このすべての背後にある理由は、最後のセルまでスクロールできるようにするため、最後のセルは赤いdivの下にあります。そのために、私は '.row'の幅を最後まで近づけて広げたかったのです。しかし、実際には、すべてのセルが占有する領域全体が拡張されず、ウィンドウのサイズによって領域が制限されるため、拡張は機能しません。それが理にかなってほしい。 – Pablo

.row divがスクロールしないようにするにはどうすればよいですか？

答えて

関連する問題