0

現在、フルスクリーンのキャンバス要素を実行している HTML ページがあります。この canvas 要素には、ページを埋めるさまざまなものが描かれています。ページのサイズが変更されると、描画されたものが画面いっぱいに収まるようにサイズが調整されます。ただし、特定の最小サイズに達すると、描画されたものは調整されなくなり、代わりにオーバーフロー スクロールバーをページに追加します。

現在、キャンバスの右下隅を基準とした位置に永久に固定されている新しい要素をキャンバスに追加しようとしています。postion:absolute;キャンバスが再スケーリングされている間、div に css スタイルを設定すると問題なく動作します。ただし、ページがその最小サイズを超えてキャンバスが再スケーリングされなくなり、代わりにスクロール バーが表示されるとすぐに、新しい div は、キャンバスに対して相対的な位置にとどまるのではなく、表示可能なウィンドウと共に移動し続けます。サイズが十分に小さくなったら、（cssをjqueryに置き換える）を使用して遊んでみましたpostion:fixed;が、それも機能していないようです。

誰か提案はありますか？

ベスト、
サミ

4

1 に答える 1

2

キャンバスをコンテナ div ie に含める

<div class="canvas_container">
    <canvas></canvas>
    <div class="positioned_element"></div>
</div>

そしてあなたのCSSで

.canvas_container{position:relative;}
.positioned_element{position:absolute;bottom:0;right:0;}

これにより、配置された要素は、サイトの本体ではなく、親「.canvas_container」の右/下に配置されます。

于 2012-04-12T00:12:33.147 に答える