jquery - 如何创建底部切换栏？

Question

我创建了这个抽屉，但我不知道如何将它移动到右下角，以及当您打开它时，内容会从底部出现。

http://jsfiddle.net/d150x4w1/

html {
  text-align: center;
  margin: 0;
}

.button {
  background-color: #a11544;
  width: 150px;
  height: 45px;
  float: right;
  -moz-border-radius-topleft: 25px 25px;
  -moz-border-radius-topright: 25px 25px;
  border-top-left-radius: 25px 25px;
  border-top-right-radius: 25px 25px;
  color:#fff;
  text-align: center;
}

.drawer-inside {
  height: 0;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  transition: height .4s ease;
  background: #c3c3c3;
}
.drawer-inside.openup {
  height: 210px;
  transition: height .7s ease;
}

Answer 1

将按钮移到顶部(在 html 中)

添加以下CSS规则

.drawer {
    position:fixed;
    bottom:0;
    right:0;
    width:100%;
}
.drawer-appear{clear:both;}

演示在 http://jsfiddle.net/j5xoe8xg/