JS$('.foo').click(function() { var current_pull = parseInt($('.form-con').css('transf" />

Получить свойство CSS-преобразования с помощью jQuery

javascript jquery

50008 просмотра

4 ответа

Я пытаюсь получить -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» вместо правильного значения.

Автор: colmtuite Источник Размещён: 12.11.2019 09:25

Ответы (4)


28 плюса

Решение
$('.foo').click(function() {
    var current_pull = parseInt($('.form-con').css('transform').split(',')[5]);
});
Автор: James Hibbard Размещён: 24.02.2014 12:21

36 плюса

Вы можете использовать:

 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
Автор: Milind Anantwar Размещён: 24.02.2014 12:24

4 плюса

Я думаю, что ответ здесь :

function getRotationDegrees(obj) {
    var matrix = obj.css("-webkit-transform") ||
    obj.css("-moz-transform")    ||
    obj.css("-ms-transform")     ||
    obj.css("-o-transform")      ||
    obj.css("transform");
    if(matrix !== 'none') {
        var values = matrix.split('(')[1].split(')')[0].split(',');
        var a = values[0];
        var b = values[1];
        var angle = Math.round(Math.atan2(b, a) * (180/Math.PI));
    } else { var angle = 0; }
    //return (angle < 0) ? angle + 360 : angle;
    return angle;
}
Автор: Hoàng Vũ Tgtt Размещён: 30.04.2015 08:35

0 плюса

Я думаю, что порядок свойств является неопределенным.

var matrix = $obj.css('transform');
var translate = {};

// translateX 
var matchX = matrix.match(/translateX\((-?\d+\.?\d*px)\)/);
if(matchX) {
  translate.x = matchX[1];
}

// translateY
var matchY = matrix.match(/translateY\((-?\d+\.?\d*px)\)/);
if(matchY) {
  translate.y = matchY[1];
}

console.log(translate);
Автор: kamiyam Размещён: 05.03.2017 03:34
Вопросы из категории :
32x32