Получить свойство CSS-преобразования с помощью 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
Вопросы из категории :
- javascript Как определить, какой из указанных шрифтов был использован на веб-странице?
- javascript Валидация клиентской стороны ASP.Net
- javascript Длина объекта JavaScript
- javascript Получение текста из выпадающего списка
- javascript Скрипт входа со скрытыми кнопками
- javascript Как автоматически изменить размер текстовой области с помощью Prototype?
- javascript Удаление элементов с помощью Array.map в JavaScript
- javascript Прокрутка переполненных DIV с помощью JavaScript
- javascript API Карт Google - проблемы с классом GLatLngBounds
- javascript Проверка десятичных чисел в JavaScript - IsNumeric ()
- jquery Экранирование строк HTML с помощью jQuery
- jquery Как сравнить HTML-сущность с JQuery
- jquery Есть ли функция "существует" для jQuery?
- jquery Как удалить все параметры в окне выбора, а затем добавить один вариант и выбрать его с помощью jQuery?
- jquery Получение идентификатора элемента, который вызвал событие
- jquery Как получить результат из модального диалога в JQuery
- jquery Удалите все классы, начинающиеся с определенной строки.
- jquery Как мне остановить эффект в jQuery
- jquery Как показать загрузочный счетчик в jQuery?