jquery - 如何匹配浏览器的窗口中心中央

Question

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

我想要的是 - 当用户进入这个页面时，他的浏览器窗口的中心应该与 div 的中心匹配（如此处所示）。

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

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

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 做同样的事情。