☰

jQueryでCSS変換プロパティを取得する 質問する

tag-icon • tag-icon javascript jquery
jQueryでCSS変換プロパティを取得する 質問する

-webkit-transform: translateY('')変数内のプロパティを取得しようとしています。

html

<form class="form-con" style="-webkit-transform: translateY(-802px);"></form>

JS

$('.foo').click(function() {
    var current_pull = parseInt($('.form-con').css('transform').split(',')[4]);
});

正しい値ではなく、「0」が返されます。

ベストアンサー1

以下を使用できます:

 var obj = $('.form-con');
 var transformMatrix = obj.css("-webkit-transform") ||
   obj.css("-moz-transform")    ||
   obj.css("-ms-transform")     ||
   obj.css("-o-transform")      ||
   obj.css("transform");
 var matrix = transformMatrix.replace(/[^0-9\-.,]/g, '').split(',');
 var x = matrix[12] || matrix[4];//translate x
 var y = matrix[13] || matrix[5];//translate y

おすすめ記事