+ Start a Discussion
Kyle BuzzaKyle Buzza 

How to add scrollbar to aura:iteration component

I'm using an aura:iteration component to display a list of items in a lightning component. I'd like to only show a maximum of 5 list items at a time with a scrollbar to access the rest, but I can't figure out how to add a scrollbar to the component.
<aura:component controller="geolocationAccountController">
    <aura:registerEvent name="accountsLoaded" type="c:geoAccountsLoaded"/>
    <aura:attribute name="accounts" type="Account[]"/>
    <aura:handler name="init" value="{!this}" action="{!c.doInit}" />
    <aura:iteration items="{!v.accounts}" var="account">
        <c:geoAccountListItem account="{!account}"/>

<aura:iteration items="{!v.accounts}" var="account" end="5">
teena jacobteena jacob
Hi Kyle,
    Please go through this link it may help you:  https://www.lightningdesignsystem.com/utilities/scrollable/