jquery - 使用jQuery窗口集中定位一个div

Question

谁能帮忙，已经有类似的问题，但没有一个能完全满足我的问题。我正在建立一个视差站点http://www.bettondesignwork.co.uk/tim/Cayton2并且对于动画，所有 div 和元素都必须绝对定位。这会导致不同窗口大小的问题。有没有办法使用一半的窗口和一半的 div 宽度将 div 设置为水平居中？我已经有了这个，但它不太好用

var h = $(window).height();
var w = $(window).width();
var shoptw = $('#shoptitle').css('height');


$('#shoptitle') .css({'left': ((w/2) - (shoptw/2) + "px")
});

谢谢

Answer 1

这应该做你所追求的：

var h = $(window).height();
var w = $(window).width();
var shopth = $('#shoptitle').height();
var shoptw = $('#shoptitle').width();

$('#shoptitle') .css({'left': (w/2) - (shoptw/2), 'top': (h/2) - (shopth/2)});

Answer 2

使用parseInt方法。此方法将字符串转换为整数

var h = $(window).height();
var w = $(window).width();
var shoptw = parseInt($('#shoptitle').css('height'));


$('#shoptitle') .css({'left': ((w/2) - (shoptw/2) + "px")
});