Question

JQuery的

 $(window).load(function () {
      $(".Flipbook").css({ 'transform': 'matrix(1, 0, 0, 1, 461, 300)', 'visibility': 'visible' });
  });

HTML

<div id="container">
<div class="Flipbook">

</div>
</div>

我通过window.load事件上的jQuery将Transform应用于div。当我刷新页面2到3次时，则应用以下样式：

transform:translate3d(0px, 0px, 0px)

我想在页面加载时应用以下转换。

transform': 'matrix(1, 0, 0, 1, 461, 300)

提前致谢。

更新问题在于Panzoom转换。

JQuery的

$(window).load(function () {
      $(".Flipbook").panzoom("resetPan", {
                animate: false,
                silent: true
            });
  });

问题已得到部分解决。 Mozilla Firefox和Safari存在一些问题; 他们最初是Matrix()，之后是translate3d

如何阻止Firefox和Safari对tranlate3d采用Transform选项并将其设为Matrix()？

Answer 1

这是关于css中转换的w3schools定义的一部分：浏览器支持 Internet Explorer Firefox Opera Google Chrome Safari

Internet Explorer 10，Firefox和Opera支持转换属性。

Internet Explorer 9支持替代的-ms-transform属性（仅限2D转换）。

Safari和Chrome支持另一种-webkit-transform属性（3D和2D转换）。

Opera仅支持2D变换。

你的浏览器是什么？
可能这是问题...

变换3D的问题

1 个答案: