オーバーフロースクロールを引き起こすためにtransform：scale（）を取得できますか？

Question

モバイルでは、画像をフルサイズにスケーリングしています。私はそれが最高のフレームレートをもたらすので、変換スケールでこれをやっています。

transition: transform 1s; 
transform: translateY(0px) scale(2.43038); 

（スケールはJavaScriptで計算される）

アイデアは、ユーザが通常のビューポートをスクロールやズームできるようにすることであるが、画像が画面よりも大きいスケール場合、何スクロールが添加されていません。どういうわけか画像で拡大する文書の幅を取得できますか？

Answer 1

回避策は、スクロールするように定義されたoverflowの要素にイメージをラップすることで、親がスクロールします。

body,html { 
 
    height: 100%; 
 
    } 
 
div { 
 
    overflow: auto; 
 
    height: 100%; 
 
} 
 
img { 
 
    transform: scale(20); 
 
}

<div><img src="http://www.jqueryscript.net/images/Simplest-Responsive-jQuery-Image-Lightbox-Plugin-simple-lightbox.jpg"></div>