Fixed div within ionic popover


#1

The top bar is scrolling with the content.I need the highlighted item to be fixed on top of pop over

<ion-toolbar position="top">
  <ion-grid style="position: sticky;">
    <ion-row>
      <ion-col style="background-image: url(../../assets/imgs/sort&filterModal/bg.png)">
        <ion-row>
          <ion-col align="left">
            <a>
              <a style="color: white">LOCATION</a>
            </a>
          </ion-col>
          <ion-col align="right">
            <a style="color: white">DONE</a>
          </ion-col>
        </ion-row>
      </ion-col>
    </ion-row>
  </ion-grid>
</ion-toolbar>

<ion-content>
  <ion-list>

    <ion-input class="placeholder-text" placeholder="Search for an area or landmark"></ion-input>


    <ion-item>
      <ion-label>Pattom</ion-label>
      <ion-checkbox color="button-color"></ion-checkbox>
    </ion-item>
    <ion-item>
      <ion-label>Keshavadasapuram</ion-label>
      <ion-checkbox color="button-color"></ion-checkbox>
    </ion-item>
    <ion-item>
      <ion-label>Ulloor</ion-label>
      <ion-checkbox color="button-color"></ion-checkbox>
    </ion-item>
    <ion-item>
      <ion-label>Muttada</ion-label>
      <ion-checkbox color="button-color"></ion-checkbox>
    </ion-item>
    <ion-item>
      <ion-label>Muttada</ion-label>
      <ion-checkbox color="button-color"></ion-checkbox>
    </ion-item>
    <ion-item>
      <ion-label>Muttada</ion-label>
      <ion-checkbox color="button-color"></ion-checkbox>
    </ion-item>

  </ion-list>
</ion-content>