list-group引导滚动未按预期工作

时间:2015-07-30 19:02:22

标签: html css angularjs twitter-bootstrap

我在面板中有一个列表组,但我需要使用水平滚动,因为列表值很长。我使用css和overflow-y属性做了这个,但是当我移动滚动时,列表组行丢失了。 这是我的代码:

HTML:

<div class="panel panel-primary">
    <!-- Default panel contents -->
    <div class="panel-heading">Visitantes</div>

    <!-- List group --> 
    <ul class="list-group s-scroll select-cursor">
        <li class="list-group-item" ng-repeat="v in visitors" ng-click="showVisitor($index)" 
        ng-class="{selecteditem: $index == selected2}">{{v.nombre}}</li>
    </ul>
</div>

CSS:

.s-scroll {
    max-height: 200px;
    overflow-y:auto;

}

.select-cursor {
    cursor: pointer;
}

.selecteditem {
    background-color: activecaption;
    color:white;
}

照片:

enter image description here

任何想法?在此先感谢!!

0 个答案:

没有答案