浏览器窗口顶部和底部的动态叠加层

Question

我正在试图弄清楚如何使用JavaScript和jQuery动态创建两个<div>元素，并在浏览器窗口顶部覆盖一个元素，在底部覆盖另一个元素，两者的宽度等于浏览器窗口的宽度。

我不确定如何处理这个问题所以我想我只是问我的两个主要问题：

1. 有没有办法获取浏览器窗口的尺寸并使用它来定位叠加层？

2. 创建静态定位元素时，如何将它们插入到DOM中，以免它改变页面的任何其他部分？

感谢您的任何提示。

Answer 1

1. jQuery width / jQuery height

   var $ win = $（窗口），     $ width = $ win.width（），     $ height = $ win.height（）;

2. jQuery append()

   $（体）.append（DIV）; ＆lt; - div在变量

中创建为字符串

第二个假设他们是位置：绝对。无论您想要附加项目，只需选择所需的父项并根据需要应用。