-webkit-transform：增量重定位，+ =运算符不工作 [英] -webkit-transform: incremental reposition with += operator not working

查看：174 发布时间：2017/2/20 0:40:52 javascript css css3

本文介绍了-webkit-transform：增量重定位，+ =运算符不工作的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

我试图通过将 -webkit-transform 属性设置为 + = 200px / p>

但它不工作。我缺少了一些东西，但不知道是什么。

点击div将每次向下移动200像素。

解决方案

  var step = 200; 
 $（'body'）。on（'click'，#m，function（）{
 $（this）.css（' -  webkit-transform'，'translateY +'px）'）; 
 step = step + 200; 
}）;

而是 -webkit-transform：translateY（100px）; 在CSS中可以设置 margin-top：100px;

I am trying to incrementally reposition an element by setting the -webkit-transform property to +=200px

But it doesn't work. I'm missing something, but don't know what.

Clicking the div is supposed to move it further down by 200px everytime.

解决方案

var step = 200;
$('body').on('click', "#m", function(){
    $(this).css('-webkit-transform','translateY('+ step +'px)');
    step = step+200;
});

And instead -webkit-transform:translateY(100px); in CSS you can set margin-top: 100px;

这篇关于-webkit-transform：增量重定位，+ =运算符不工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

查看全文