Как я могу показать свиток о холсте с абсолютным положением

Question

У меня есть двухслойный холст с абсолютной позицией и z-индексом.И я хочу прокрутить холст.

Я попытался использовать родительский div с автопрокруткой, но не сработало, он показал всю область холста.возможно, это была проблема z-index

Вот мой HTML-код.

<div style="overflow:scroll; width:500px; height:500px;">
   <canvas id="canvas1" style="position: absolute; left:10px; top:10px; z-index:0;"></canvas>
   <canvas id="canvas2" style="position: absolute; left:10px; top:10px; z-index:1;"></canvas>
</div>

Пожалуйста, предложите любую идею.спасибо

Answer 1

решена проблема.

Я использовал реальную позицию и верх: - (canavas1.height) px

<div style="overflow:scroll; width:500px; height:500px;">
   <canvas id="canvas1" style="position: relative; height:100px; z-index:0;"></canvas>
   <canvas id="canvas2" style="position: relative; top:-100px; z-index:1;"></canvas>
</div>