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>

可以使用带有重叠div的iscroll pinch / zoom吗？

1 个答案: