使用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")
});