Можно ли использовать iscroll pinch/zoom с наложенными элементами div?

Question

Я пытаюсь наложить div ("childItem") с определенной позиции поверх большего div ("parentContainer"), который имеет фоновое изображение. Затем я использую iscroll, чтобы разрешить пинч / масштабирование родительского div. Это работает. Однако дочерний элемент div не сохраняет свою позицию относительно обновленного уровня масштабирования родительского элемента div после завершения сжатия / масштабирования.

Таким образом, в основном, фоновое изображение увеличивается, но положение дочернего элемента div не увеличивается. Любая идея о том, как переместить childItem после завершения масштабирования с iscroll? Пример:

<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>