transformでのouterWidthの修正：scale

Question

私はアクティブなもの以外のすべての要素が変換スケール（0.925）を持つスライドショーを持っています。私はすべての要素の合計幅を取得し、これを親に適用する必要があります。

$(slides).each(function() { 
    console.log($(this).outerWidth()); 
    tot_width += $(this).outerWidth(); 
}); 

$('ul').css({width: tot_width}); 

要素のスケーリングのためにtot_widthが間違っています。これをどうすれば解決できますか？あなたは既にそれらを表示している

Answer 1

を使用することができます。

$(slides).each(function() { 
    var width = $(this).outerWidth(); 
    if (!($(this).hasClass('active'))) { 
     width = width * .925; 
    } 
    tot_width += width; 
}); 

Answer 2

と仮定すると、あなたはあなたが各要素がアクティブであるかどうかを確認して、スケール係数を乗じでき

tot_width += $(this)[0].getBoundingClientRect().width;