javascript - ブラウザウィンドウの上部と下部にある動的オーバーレイ

Question

JavaScriptとjQueryを使用して2つの要素を動的に作成し、一方をブラウザーウィンドウの上部に、もう一方を下部にオーバーレイする方法を理解しようとして<div>います。両方の幅はブラウザーウィンドウの幅と同じです。

私はこれにどのようにアプローチするのかよくわからないので、私が持っている2つの主要な質問をするだけだと思いました：

1. ブラウザウィンドウのサイズを取得し、それを使用してオーバーレイを配置する方法はありますか？

2. 静的に配置された要素を作成する場合、ページの他の部分を変更しないように、どのようにそれらをDOMに挿入しますか？

ヒントをありがとう。

Answer 1

1. jQueryの幅/ jQueryの高さ

   var $ win = $（window）、$ width = $ win.width（）、$ height = $ win.height（）;

2. jQuery append（）

   $（body）.append（div）; <-divは変数の文字列として作成されます

2番目はそれらがposition：absoluteであると仮定しました。アイテムを追加する場合は、必要な親を選択し、必要に応じて適用するだけです。