AngularJS ng-repeat не вызывает полосу прокрутки, даже когда содержимое покидает экранHtml

Программисты Html
Ответить
Anonymous
 AngularJS ng-repeat не вызывает полосу прокрутки, даже когда содержимое покидает экран

Сообщение Anonymous »

У меня на веб-странице, которой я управляю, есть боковая панель, на которой отображается список тех, кто отвечает на вызов службы экстренной помощи, когда сотрудник этого отдела сообщает, что собирается на этот звонок. Хотя код работает нормально и обновляет представление на сайте, включив в него новых ответчиков, если загружено слишком много, создаваемые модальные окна исчезают с экрана. Я хочу написать сценарий для автоматической прокрутки вверх и вниз по списку респондентов, но элемент div, внутри которого они находятся, не расширяется, вызывая появление полосы прокрутки, даже когда контент выходит за пределы экрана. Я предполагаю, что мне что-то не хватает в моем CSS, но я просматривал это так много раз, что не заметил, что может быть не так. Ниже приведен фрагмент HTML и всех применимых CSS. Дайте мне знать, если вам нужно что-нибудь еще.
(Кроме того, если есть новый способ автоматической прокрутки элементов в ng-списке, я не смог его найти).
HTML:





{{call.cadDept}} - {{call.type._id}} - {{call.description}}


{{call.addr}}
{{call.timeStamp.sec | timeFormat:'HH:mm'}} hrs





{{responder.name}} - {{responder.response}}

{{responder.distance?(responder.distance | metersToMiles) + ' miles away | ':''}}{{responder.time.sec | timeFromNow}}






CSS:
div {
display: block;
}
.full-height {
height: 100%;
}
.row {
margin-left: -15px;
margin-right: -15px;
}
@media (min-width: 1200px)
.col-lg-4 {
width: 33.33333333%;
float: left;
}
@media (min-width: 992px)
.col-md-5 {
width: 41.66666667%;
}
@media (min-width: 992px)
.col-md-5
float: left;
}
.list-group {
overflow-y: scroll;
margin-bottom: 20px;
padding-left: 0;
}
.col-inline-spacing {
margin-left: 10px;
margin-bottom: 10px;
}
.list-group-item {
position: relative;
display: block;
padding: 10px 15px;
margin-bottom: -1px;
background-color: #ffffff;
border: 1px solid #dddddd;
}
.list-group-item-heading {
margin-top: 0;
margin-bottom: 5px;
}


Подробнее: https://stackoverflow.com/questions/366 ... leaves-the
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Html»