3

背景画像のある大きな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>
4

1 に答える 1

3

答えは私が想像していたよりもはるかに簡単でした。私がする必要があるのは、画像と子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>
于 2012-05-08T13:51:38.803 に答える