Question

我有一个带有绝对位置和z-index的双层画布。我想滚动画布。

我尝试将父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>

如何显示具有绝对位置的画布滚动

1 个答案: