我正在尝试将具有特定位置的 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>