Question

我有以下代码来执行transitionx

     var w = $(window).width()*0.02;

      $('#mChangePassword').velocity({translateX: w},
      {
        duration: 300,
        'complete': function(){
          $('.mSettingsMain').fadeOut(300);
        }
      });

附加GIF如何在移动应用中运行 http://g.recordit.co/WDCGVFPXsE.gif

注意：点击上面的链接无法正常工作，复制粘贴图片链接可以正常工作。

当我点击按钮时动画从右到左。

我想从下到上使用相同的动画，我尝试使用translateY，但它不起作用，

我尝试使用以下代码

      var h = $(window).height()*0.02;

      $('#mChangePassword').velocity({translateY: h},
      {
        duration: 300,
        'complete': function(){
          $('.mSettingsMain').fadeOut(300);
        }
      });

但它不起作用，我希望从那个“从底到上”或“向上滑动”的gif中播放相同的动画。

任何帮助表示赞赏。感谢。

Answer 1

在Velocity中转换变换时，最好使用强制馈送并为属性值提供单位：

$('#mChangePassword').velocity({translateY: [h + 'px', '100%']});

Velocity js translateY问题

1 个答案: