从右向左滑动以打开抽屉

Question

我已经创建了这个很酷的滑动抽屉导航的分支：https : //codepen.io/carl-victor-fontanos/pen/NQPLGW，当从左向右滑动时，它可以完美工作。

我目前正在尝试启用从右向左滑动，但是我只能使其部分工作。这是到目前为止我得到的：https : //codepen.io/carl-victor-fontanos/pen/gVbdYq- 在这支笔中，您会注意到它现在从右向左打开，但是问题是滑动仍然是反向的，这不是我想要的。我修改了CSS，使位置显示在右侧而不是左侧，并且在Javascript方面，我translateX从负值更改为正值。

希望有人可以帮助我完成这项工作，因为我已经尝试解决了几个小时。

Answer 1

我相信你还没有改变最初的翻译位置

.drawer {
...
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
...
}

https://codepen.io/anon/pen/zgxmBM