javascript - 移动滚动条时始终保持窗口居中

Question

我正在尝试构建一个位于屏幕中心的窗口，当我向下滚动时它将始终位于中心，我尝试了以下代码:

  <style>
  #Window {
 display: none;
 text-align: center;
 border: 1px solid #333;
  position:absolute;
  width: 200px;
  height: 80px;
  z-index:9999;
  background:#fff;
  border-radius: 5px;
  padding: 10px;
     }
  </style>

  <script>
      $("#window").css('top', 200);
     $("#window").css('left', winW/2- $("#window").width());
   $(window).scroll(function () { 

         var winH = $(window).height();
          setTimeout( function(){
   $('#alertWindow').animate({'top':winH/2-$("#window").height()/2},200);
 }, 1000);
      });     
  </script>

 <div id="window">this is scroll window</div>

问题是，当我向下滚动时，窗口第一次移动到中心，这是有效的，但是当我再次滚动时，它不会继续移动到中心，我认为滚动函数只被调用一次，当我向下或向上滚动时，如何使窗口不断移动到屏幕的中心，任何人都可以帮助我，抱歉，如果我确实提供了整个代码。

Answer 1

你所需要的只是CSS。

只需使用位置:固定