How to add a scrollbar to a drag/drop container with AngularJS?

Question

This example uses the ng-sortable AngularJS library where we can add n number of items within a container, and the container expands vertically. However if I would like to have a fixed-height container, and have the users scroll through each container.

How can this be accomplished with this library or does it require the addition/use of others?)

Answer 1

ng-sortable AngularJS library plugin creates an ul with .cards-list class. You can add below css on the page to get the scrollbar.

.card-list {
   max-height: 300px; //set the height based on your requirement
   overflow-y: auto;
}