在jQuery中获取"translateX"位置

本文介绍了在jQuery中获取"translateX"位置的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

此代码设置了translateX的位置:

This code sets the translateX position:

 var pos = -500px;
 $(.slide).css('-webkit-transform',  "translateX(" + pos+ "px)");

但是，以下代码无法获得translateX位置:

but, the following code does not get the translateX position:

 var currTrans = $(".slide").css('-webkit-transform', "translateX()");

为什么?那么获取值的正确方法是什么?

Why? What is the correct way to get the value then?

推荐答案

尝试一下，

var pos = -500;
 $('.slide').css('-webkit-transform',  'translateX(' + pos+ 'px)');

var currTrans = $('.slide').css('-webkit-transform').split(/[()]/)[1];
var posx = currTrans.split(',')[4];

乌巴地:

演示链接 jsfiddle

这篇关于在jQuery中获取"translateX"位置的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！