Javascript 如何创建与页面一起滚动的中心div？

我有一个网站，我想把一个DIV上面这个网站与字段输入电子邮件和按钮“订阅”。它应该像我们都喜欢的广告一样工作。因此，这个div应该始终位于屏幕的中心，它应该位于网站的“上方”，并且在用户浏览页面时滚动。当用户单击X时，它应该关闭

如何执行此操作？

请参阅CSS和属性。要使项目水平和垂直居中，请为其指定固定尺寸，将其放置在50%、50%的位置，然后使用负边距。例如：

#annoying-floater {
  z-index:10;
  position:fixed;
  top:50%; left:50%;
  width:640px; height:480px;
  margin-left:-320px; margin-top:-240px
}

window.onload=function(){
  document.getElementById('annoying-floater-closer').onclick = function(){
    document.getElementById('annoying-floater').style.display='none';
  }
}

要“关闭”它，请通过JS将

显示设置为
none
。例如：

#annoying-floater {
  z-index:10;
  position:fixed;
  top:50%; left:50%;
  width:640px; height:480px;
  margin-left:-320px; margin-top:-240px
}

window.onload=function(){
  document.getElementById('annoying-floater-closer').onclick = function(){
    document.getElementById('annoying-floater').style.display='none';
  }
}

请参阅CSS和属性。要使项目水平和垂直居中，请为其指定固定尺寸，将其放置在50%、50%的位置，然后使用负边距。例如：

#annoying-floater {
  z-index:10;
  position:fixed;
  top:50%; left:50%;
  width:640px; height:480px;
  margin-left:-320px; margin-top:-240px
}

window.onload=function(){
  document.getElementById('annoying-floater-closer').onclick = function(){
    document.getElementById('annoying-floater').style.display='none';
  }
}

要“关闭”它，请通过JS将
显示设置为
none
。例如：

#annoying-floater {
  z-index:10;
  position:fixed;
  top:50%; left:50%;
  width:640px; height:480px;
  margin-left:-320px; margin-top:-240px
}

window.onload=function(){
  document.getElementById('annoying-floater-closer').onclick = function(){
    document.getElementById('annoying-floater').style.display='none';
  }
}

你的意思是当页面滚动时，div将保持居中吗？在这种情况下，使用position:fixed来放置div；除了