javascript - 如何使用angularJs ng-repeat添加滚动条？

我有angularJS ng-repeat我想将滚动条添加到列表项，因为它在字段中可能具有4000个字符，因此在这种情况下，如何为div基于行或最大高度设置滚动条？

main.html

<div class="row">
    <div class="col-md-12">
        <div class="panel panel-primary">
            <div class="panel-heading clearfix">
                <h3 class="panel-title">Notification<span class="badge">{{tests.length}}</span></h3>
            </div>
            <div class="panel-body">
                <ul>
                    <li class="slide" ng-repeat="test in tests">
                        <div class="alert" role="alert" ng-class="{'alert-info': notification === 'H'}">
                            <span>{{test}}</span>
                        </div>
                    </li>
                </ul>
            </div>
      </div>
    </div>
</div>

最佳答案

我认为这是一个HTML问题。尝试将此CSS添加到您的代码中:

.panel-body {
    overflow: scroll;
    height: 100px;
}

溢出是overflow-x和overflow-y的组合。如果您只需要为垂直溢出添加滚动条，则只需采用溢出-y:如果不想在内容较小时看到滚动条，请尝试溢出:自动。

关于javascript - 如何使用angularJs ng-repeat添加滚动条？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/37256946/