底部css属性使项目显示

我正忙着想办法解决这个问题

我有这个密码

.spectator-chat-title{
    background-color: darken($content-container-bg, 5%);
    height: 30px;
    padding: 3px;
    color: #ddd;
    border-top: 1px solid #1C2337;
    box-shadow: 0px 1px 1px darken($content-container-bg, 10%);
    z-index: 1001;
    position: absolute;
    width: 100%;
    bottom: 0;

    &.collapse{
        bottom: 50px;
    }

}

然后在我的标记中有这个ng类方法

<div class="spectator-chat-title" ng-class="{'collapse':chatHide}">
        <i ng-click="chatHide = !chatHide" ng-class="{'fa-angle-double-down':!chatHide, 'fa-angle-double-up':chatHide}" class="fa pull-right"></i>
</div>

---

当我使用chrome开发工具并将底部属性更改为50px时，它就可以工作了。但是当我通过ng点击添加“崩溃”类时。。。该项目只是便便和消失。有什么想法吗？”

通过阅读评论，我不知道该项消失的确切原因，但是如果您说它可以直接设置底部样式，那么您可以这样做：

<div class="spectator-chat-title" ng-style="{'bottom': chatHide ? '50px' : ''}">

从开发工具（不仅仅是底部样式）添加

折叠类时会发生什么？它也消失了。就好像我按下了ng-click。唉，这很有效。非常感谢。当我认为我把事情搞砸了的时候，我总是下错了洞。