我正在尝试在具有背景图像的较大div(“ parentContainer”)顶部覆盖特定位置的div(“ childItem”).然后,我使用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>

解决方法:

答案比我想象的要简单得多.我要做的就是将图像和子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>