如何将浏览器的窗口中心与<div> center </div>相匹配

Question

我有一个div，在大多数情况下比用户的浏览器窗口大小更大。

我想要的是 - 当用户进入此页面时，其浏览器窗口的中心应与div的中心匹配（显示为here）。

因此，在进入网站后，用户应该能够向上/向下/向左/向右滚动。

怎么可能这样做？非常感谢！

Answer 1

嗯，实际上很容易：http://jsfiddle.net/enguerranws/fRn49/

$(document).ready(function(){
  var divHeight = $('div').height();
  var divWidth = $('div').width();
  $('div').css({
      'top' : - divHeight/2,
      'left' : - divWidth/2
  });

});

在某些词中：元素的中心是其高度的一半和宽度的一半。请注意，该div有一个位置：绝对。

编辑：我认为你只能用CSS做同样的事情。