オーバーレイされたdivでiscrollピンチ/ズームを使用できますか？

Question

私はdiv（ "childItem"）を背景画像を持つ大きなdiv（ "parentContainer"）の上に特定の位置でオーバーレイしようとしています。次に、親divのピンチ/ズームを可能にするためにiscrollを使用します。これは機能します。ただし、子divは、ピンチ/ズームが完了した後、親divの更新されたズームレベルに対して相対的な位置を保持しません。

基本的に、背景画像はズームされますが、子divの位置はズームされません。 iscrollでズームが完了した後にchildItemの位置を変更する方法についてのアイデアはありますか？例：

<div id="parentContainer"> 
    <img src="map_background.png" /> 
    <div id="childItem" style="top:40px;left:40px;"> 
     <img src="map_icon.png" /> 
    </div> 
</div> 

<script type="text/javascript"> 
var myScroll = new iScroll('parentContainer', { zoom: true }); 
</script> 

Answer 1

答えは想像以上に簡単でした。私がする必要があったのは、画像と子のdivを別のdivにラップして、それらをすべて一緒にスケールすることでした。

<div id="parentContainer"> 
    <div> 
     <img src="map_background.png" /> 
     <div id="childItem" style="top:40px;left:40px;"> 
      <img src="map_icon.png" /> 
     </div> 
    </div> 
</div>