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

侯赛因

我有angularJSng-repeat我想将滚动条添加到列表项,因为它在字段中可能具有4000个字符,因此在那种情况下,如何基于行或max-height为滚动条设置滚动条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:如果不想在内容较小时看到滚动条,请尝试溢出:自动。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在 AngularJs 中使用 <accordation> 添加滚动条

来自分类Dev

AngularJS-如何正确使用ng -repeat

来自分类Dev

如何在滚动条对话框中添加滚动条?

来自分类Dev

如何使用引导程序添加滚动条?

来自分类Dev

如何使用引导程序添加左滚动条?

来自分类Dev

添加新的LI元素时如何使滚动条下降

来自分类Dev

如何根据文本高度自动添加/删除滚动条

来自分类Dev

如何在表格中添加滚动条?

来自分类Dev

如何以空布局添加滚动条?

来自分类Dev

如何在div中添加滚动条

来自分类Dev

如何将滚动条添加到网格

来自分类Dev

如何在小部件中添加垂直滚动条?

来自分类Dev

如何在tabcontrol / tabpages中添加垂直滚动条

来自分类Dev

如何以空布局添加滚动条?

来自分类Dev

如何根据文本高度自动添加/删除滚动条

来自分类Dev

如何在Java ..中的jpanel内添加滚动条?

来自分类Dev

如何在DIV下方添加滚动条?

来自分类Dev

如何在Java的JTextArea类中添加滚动条?

来自分类Dev

如何为 IE 和边缘添加圆角滚动条

来自分类Dev

如何在 Vaadin 7 表中添加滚动条

来自分类Dev

如何在 QMainwindow 上添加滚动条

来自分类Dev

如何在列表框上添加滚动条

来自分类Dev

如何将鼠标滚轮滚动添加到垂直滚动条或滚动区域?

来自分类Dev

如何在AngularJS中保留ng-repeat的滚动位置?

来自分类Dev

如何在AngularJS中保留ng-repeat的滚动位置?

来自分类Dev

如何居中滚动条?

来自分类Dev

如何激活滚动条?

来自分类Dev

如何居中滚动条?

来自分类Dev

如何调整滚动条?