Web ページの上部にまたがる単純なブラック ボックスを作成しようとしています。
現在、私はこれを持っています：
<canvas id="block" align="center" height="250" width="5000"
style="border:1px solid #000000;background:#ffffff;position:absolute;top:-100px;z-index:10;">
最初はパーセンテージにしようとしましたが、私には複雑すぎます。
ボックスが原因でページが左右にスクロールしないようにする必要があります。
これは非常に単純なことだと思います。おそらく、私が抱えている主な問題は、何を検索すればよいかわからないことです。私は今2時間グーグルしています。
Yoは簡単にoverflow:hidden
例を使用できます：
<div style="overflow:hidden; width:200px; height:200px;position:relative;"></div>
デモを見る：jsFiddleライブデモ
Web ページの上部にまたがる単純なブラック ボックスを作成しようとしています。
これを達成しようとしている場合は、次のことを行う必要があります。
<div style="background-color:#000;height:10px;width:100%;"></div>
<body>開始タグのすぐ下に配置します。
キャンバス要素をビューポートよりも広くし、それでもスクロールを許可しない場合は、ボディ要素width:5000px;に設定する必要がある場合は、キャンバスに設定する理由について混乱しています。overflow:hidden
body {
overflow:hidden;
}
ユーザーがアプリケーションで矢印キーを押したことが原因で不要なスクロールが発生した場合は、次のコマンドを実行して、矢印キーを自分で処理していることをブラウザに通知する必要があります。
event.preventDefault();
キーボードイベントのハンドラー内。
さらにhtml {overflow: hidden}、うまくいくかもしれません。