如何使用jQuery以编程方式设置webkit-transform?

时间:2017-11-18 17:42:02

标签: jquery webkit webkit-transform

我正在尝试使用jQuery设置transform3d属性。为此,我使用以下功能;

  setZIndexes(element, value) {
    $('#' + element + '').css({
      "-webkit-transform": 'translate3d(0, ' + (-this.offsetHeight) + ',' + value + 'px)',
      "-ms-transform": 'translate3d(0, ' + (-this.offsetHeight) + ',' + value + 'px)',
      "transform": 'translate3d(0, ' + (-this.offsetHeight) + ',' + value + 'px)',
    });
  }

然后,我使用以下函数打印值以查看它是否已更改;

 getZIndexes(el) {
    var results = $(el).css('-webkit-transform').match(/matrix(?:(3d)\(\d+(?:, \d+)*(?:, (\d+))(?:, (\d+))(?:, (\d+)), \d+\)|\(\d+(?:, \d+)*(?:, (\d+))(?:, (\d+))\))/)

    if (!results) return [0, 0, 0];
    if (results[1] == '3d') return results.slice(2, 5);

    results.push(0);
    return results.slice(5, 8);
  }

但是,它总是返回[0,0,0]

0 个答案:

没有答案