隠し画像とdivの合計幅を計算する

divの幅を200pxの10画像で計算しようとしています。隠し画像とdivの合計幅を計算する

ただし、画像にはCSSでoverflow: hiddenが含まれています。これは私が幅の正しい値を得ることができないことを意味します。どのようにしてビューポートの幅ではなく2000ピクセルの正しい値を得ることができるか知っていますか？

2017-03-14 dwigt

ありがとう：ここ

はcodepen例です。画像はすべて同じサイズなので、私は解決策を知っています。私は、私が関数を再利用できるようにする、よりモジュラーなアプローチを見つけることができればと思っています。 – dwigt

あなたのcssが修正されていれば（誤字）、http://codepen.io/anon/pen/PpKRXd?editors=1111ホワイトスペースと埋め込みも計算に含まれています：2096pxは –

を返します... font-sizeを0に設定すると、空白が0になるまで2060pxが返されます。http://codepen.io/anon/pen/gmxzaQ?editors=1111 –

$('.scrollmenu')[0].scrollWidth

2017-03-14 20:44:18 Masiama

まだ 'padding：3x' CSSは' padding：3px; ';に固定してください） –

すべての子の幅を計算してブロックの幅を計算することができます 'var width = 0; （子=> { 幅+ = child.scrollWidth; }） '（スクロールメニューの子要素） – Masiama

答えて