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