Javascript 如何使用角度材质在绝对位置创建可折叠div

我正在尝试使用角材质创建一个可折叠的div，该材质应固定在左下角，如下图所示

这真的有可能吗

---

是的，这是可行的。如果您想像您所说的那样实现聊天窗口，那么有一个github存储库

但是，如果你想调整自己，那么下面是

collapsable

div的代码。祝你好运

---

是的，这是可行的。如果您想像您所说的那样实现聊天窗口，那么有一个github存储库

但是，如果你想调整自己，那么下面是

collapsable

div的代码。祝你好运

---

您必须使用CSS-

加价

<div ng-controller="AppCtrl" ng-cloak="" ng-app="MyApp" layout-fill>
  <div id="chatWindow" layout="column" style="height:{{status==='Open'?'50px':'200px'}}">
    <md-button ng-click="toggle()">{{status}}</md-button>
  </div>
</div>

CSS

---

您必须使用CSS-

加价

<div ng-controller="AppCtrl" ng-cloak="" ng-app="MyApp" layout-fill>
  <div id="chatWindow" layout="column" style="height:{{status==='Open'?'50px':'200px'}}">
    <md-button ng-click="toggle()">{{status}}</md-button>
  </div>
</div>

CSS

---

谢谢你的例子。但我使用的是角材料，例子是引导。谢谢你的例子。但我使用的是有角度的材质，示例是引导。

body {
  background: purple;
}

#chatWindow {
  display: block;
  width: 300px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: yellow;
}