taşma: auto, CSS3 dönüştürülmüş alt öğelerle çalışmaz. Önerilen geçici çözüm?

Question

Sorun: Bir div içindeki bir alt öğeye uygulanan css3 dönüştürmeleri, "overflow: auto;" işlevini kullanırken scrollHeight ve scroll içeren satırın kaydırma çubuğunu hesaplarken tarayıcı tarafından yok sayılır (FF5, Chrome12, IE9).

<style type="text/css"> 
div{ width: 300px;height:500px;overflow:auto; } 
div img { 
-moz-transform: scale(2) rotate(90deg); 
-webkit-transform: scale(2) rotate(90deg); 
-ms-transform: scale(2) rotate(90deg); 
} 
</style>  
<div><img src="somelargeimage.png" /></div> 

Birlikte istenmeyen davranış gösteren jsfiddle üzerinde küçük bir test koyduk.

http://jsfiddle.net/4b9BJ/

Esasen ben tam içeriğini görmek için kaydırma yapmak css3 döndürmek ve ölçek için dönüşümleri kullanarak basit bir web tabanlı resim görüntüleyici oluşturmak çalışıyorum ve muktedir sabit bir genişlik/yükseklik ile içeren div istiyorum içerdiği görüntü.

Bu sorunu ele almanın akıllıca bir yolu var mı, yoksa kaba bir çözüm mü? Herhangi bir yardım takdir edilir.

Answer 1

Dönüşümlerin her birine ek bir boşluk ekledim ve bu divlar ve kırpma taşmaları için sabit genişlikler ayarlayarak onlara doğru boyutlarda olmalarını sağladım. Ama sonra pozisyon kullanmalıyım: göreli ve üst: blah; sol: görüntüleri doğru konuma kaydırmak için blah. http://jsfiddle.net/4b9BJ/7/