移动滚动条时，始终将窗口保持在中心位置

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。

直接用position: fixed

Answer 2

您应该尝试利用Jquery UI的优秀对话框插件http://jqueryui.com/demos/dialog/。有一个选项可以更新对话框

的位置

$( ".myDialogWindow" ).dialog( "option", "position", 'center' );