Javascript 是否可以对叠加的div使用iscroll收缩/缩放?
我正在尝试将一个div(“childItem”)覆盖在一个较大的div(“parentContainer”)上的一个特定位置上,该div有一个背景图像。然后,我使用iscroll允许对父div进行收缩/缩放。这是有效的。但是,在收缩/缩放完成后,子div不会保持其相对于父div的更新缩放级别的位置 因此,基本上,背景图像会被缩放,但子div的位置不会被缩放。你知道如何在iscroll完成缩放后重新定位子项吗?例如:Javascript 是否可以对叠加的div使用iscroll收缩/缩放?,javascript,ios,cordova,iscroll4,Javascript,Ios,Cordova,Iscroll4,我正在尝试将一个div(“childItem”)覆盖在一个较大的div(“parentContainer”)上的一个特定位置上,该div有一个背景图像。然后,我使用iscroll允许对父div进行收缩/缩放。这是有效的。但是,在收缩/缩放完成后,子div不会保持其相对于父div的更新缩放级别的位置 因此,基本上,背景图像会被缩放,但子div的位置不会被缩放。你知道如何在iscroll完成缩放后重新定位子项吗?例如: <div id="parentContainer"> <
<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>
var myScroll=newiscroll('parentContainer',{zoom:true});
答案比我想象的要简单得多。我所需要做的就是将图像和子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>