Сделать DIV прокрутки (если она нг-повтор)

Question

Это HTML код у меня есть:

<div id="header_context" class="scroll"> 
    <div id="column_scroll" class="column" ng-repeat="column in columns track by column.name" ng-hide="column.name == 'date'" ng-click="column.visible = !column.visible"> 
     <div class="checkmark" ng-class="{'checked': column.visible}"></div> 
     <div class="" ng-bind-html="column.title"></div> 
    </div> 
</div> 

Это у меня в CSS:

#column_scroll{ 
    overflow: scroll; 
} 
.scroll{ 
    overflow: scroll !important; 
} 

Это функция, что я есть внутри .js:

$('#timeline_container #content .trips_header').on('contextmenu', function(e) { 
    e.preventDefault(); 
    e.stopPropagation(); 
    hideContextMenu(); 
    $('#header_context').css({ 
     display: 'block', 
     left: e.clientX, 
     top: e.clientY, 
     overflow:scroll 
    }); 
    $('#header_context > div').click(function(evt) { 
     evt.stopPropagation(); 
    }); 
}); 

Это то, что мой инспектор видит: https://s3.amazonaws.com/uploads.hipchat.com/39260/829560/lPNa4qbS34P6dVE/upload.png

PS: Я попытался перейти из переполнения инспектора - прокрутить, но все же он заблокирован. Нужно ли добавлять что-то еще?

PPS: Вот как это выглядит на ПК или если инспектор закрыт: https://s3.amazonaws.com/uploads.hipchat.com/39260/829560/b37eCtrQIfgV4dt/upload.png Вот как это выглядит с инспектором по или ноутбук: https://s3.amazonaws.com/uploads.hipchat.com/39260/829560/qSquGYY8ZWulHZm/upload.png

Как вы можете видеть, список не подходит, и он не прокручивается.

Answer 1

Я предполагаю, что вам не хватает какого-либо кода html. Кстати, если вы хотите, чтобы он был прокручиваемым, div «header_context» или любой div, который будет содержать элементы ng-repeat, должен иметь определенный атрибут height или max-height, а затем сделать его «overflow-y» : прокрутка;» поэтому, если дети ng-repeat divs height превышают родительскую высоту, родитель становится прокручиваемым.