用jquery如何获取transform的值?

2025-04-06 06:24:39
推荐回答(4个)
回答1:





JS



$ (document).ready (function ()
    {
    $ ('button#hide').click (function ()
    {
    $ ('p').toggle ();
    });
    if (!!$.browser.msie)
    {
     $ ('p').css ('-webkit-transform', 'translateY(5500px)');
    var x = $ ('p').css ('-webkit-transform');
    x = x.match (/\d+/g)[0] + 'px';
    }
    else if (!!$.browser.chrome)
    {
     $ ('p').css ('-webkit-transform', 'translateY(5500px)');
    var x = $ ('p').css ('-webkit-transform');
    x = x.replace (/.*[\,\s]+(\d+)\)$/, '$1px');
    }
    else if (!!$.browser.mozilla)
    {
     $ ('p').css ('-moz-transform', 'translateY(5500px)');
    var x = $ ('p').css ('-moz-transform');
    x = x.replace (/.*[\,\s]+(\d+)\)$/, '$1px');
    }
    alert (x);
    });



11111111111111


点击

回答2:

$('.fullPage').css("transform").replace(/[^0-9\-,]/g,'').split(',')[5]

用css("transform")取出来的是matrix矩阵值,包括斜拉(skew),缩放(scale),旋转(rotate)以及位移(translate)。可以通过正则取出数字再分割成数组,取最后一位。

回答3: