Jqueryの位置が決して終わらない

Question

私は自分の問題を解決することができることを願っています。私はしばらくこの問題を解決しようとしていて、どこに問題があるのか​​分かりません。 良い措置を取るには、ここにコードがあります。

$(window).resize(function(){ 
var windowWidth = $(window).width(); 
var sec1LogoWidth = $('#sec1-logo').width();  

    if (windowWidth == sec1LogoWidth) { 
      $('#sec1-logo img').css({'top': Math.abs(windowHeight - ((sec1LogoHeight*2)+(Math.ceil(sec1LogoHeight/2)))) + 'px','left': '0' + '!important' + 'px', 'margin-left': 10 + 'px', 'margin-right': 10 + 'px'}); 
     } else { 
      $('#sec1-logo img').css({'top': Math.abs(windowHeight - ((sec1LogoHeight*2)+(Math.ceil(sec1LogoHeight/2)))) - 100 + 'px','left': Math.abs((windowWidth/2) - (sec1LogoWidthImg-(Math.ceil(sec1LogoWidthImg/2)))) + 'px'}); 
     };  
}; 

は基本的に私がここでやっているものを、私はそれが0ピクセルのままに置きたい、ロゴ幅とウィンドウ幅が等しいしかし、もし（上部と左）ロゴは、常にページ上の中心地であることを確実にすることです... 0 pxにしておきます。 問題は、一度左の位置が0pxになると、0pxを過ぎて左に位置するADDになります。 私はこのことが起こるのを止める方法を知らない。 提案がありますか？ ありがとう、

Answer 1

文字列として数値を再定義して 'px'を追加する必要はありません。試してみてください：

if (windowWidth == sec1LogoWidth) { 
     $('#sec1-logo img').css({'top': Math.abs(windowHeight - ((sec1LogoHeight*2)+(Math.ceil(sec1LogoHeight/2)))),'left': 0, 'margin-left': 10, 'margin-right': 10 }); 
    } else { 
     $('#sec1-logo img').css({'top': Math.abs(windowHeight - ((sec1LogoHeight*2)+(Math.ceil(sec1LogoHeight/2)))) - 100,'left': Math.abs((windowWidth/2) - (sec1LogoWidthImg-(Math.ceil(sec1LogoWidthImg/2)))) }); 
    }