如何做出菜單從右側出現，滑動感的菜單？

Question

想問有沒有簡單的範例
點擊某按鈕後能觸動右側的隱藏菜單往左出現
收回時再往右回去
不知道要用什麼keywords去查
請問這種技術是什麼名字？

$(".closeRightLayout,.add_layout_after").click(function(e) {

  $( ".rightLayout" ).animate({
    opacity: 0.5,
    right: "-300px",
    height: "toggle"
  }, 300, function() {
    // Animation complete.
  });

  $(".rightLayout,.add_layout_after").fadeOut();
});
$("#add_tab").click(function(e) {

  $( ".rightLayout" ).animate({
    opacity: 1,
    right: "0",
    height: "toggle"
  }, 300, function() {
    // Animation complete.
  });

  $(".rightLayout,.add_layout_after").fadeIn();
});

我寫了一個這樣的代碼
我發現案他出來的時候很順
但當他回去的時候會很快
明明一樣都是300ms...

Answer 1

使用animate.css里面的一些动画就可以做到（https://daneden.github.io/ani...），或者自行百度css3滑动特效，就是在点击按钮的时候添加相应的class即可

---

应该是你一开始没有给right一个初始值的原因，而你让其滑出的时候给了right一个-300px；这会导致滑入和滑出的速度是不一样的，虽然时间一样，但是固定时间内运行的距离是不一样的，你确保right的初始值跟滑出的值是一样的，这样滑入滑出的速度就是一样的