可能使用iscroll捏/縮放與覆蓋divs？

Question

我想覆蓋一個div（「childItem」）與具有背景圖像的大div（「parentContainer」）頂部的特定位置。然後我使用iscroll來允許在父div上捏/縮放。這工作。但是，在捏放/縮放完成後，子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>