Css Ionic框架，如何在popover中使输入不可滚动列表？

我在popover模板中有以下代码：

<ion-popover-view class="customPopup">


  <ion-header-bar class="bar bar-header barHeaderCustom">
    <h1 class="title">{{ 'AVAILABLE_SOUNDS' | translate }}</h1>
  </ion-header-bar>

  <ion-tabs class="tabs-icon-only tabs-top tabs-positive">

    <ion-tab title="{{ 'SOUNDS' | translate }}">
      <ion-content class="has-header">
        <!-- SEARCH INPUT-->
        <label class="item item-input">
          <i class="icon ion-search placeholder-icon"></i>
          <input type="text" placeholder="{{ 'SEARCH' | translate }}" ng-model="searchedStringSingleSounds">
        </label>
        <!-- //SEARCH INPUT-->
        <div ng-click="addSoundToSelection({{$index}},'singles')" class="item item-button-right" ng-repeat="sound in availableSounds| filter:searchedStringSingleSounds">
          {{sound.name}}
          <button class="button button-positive" >
            <i class="icon ion-plus-circled"></i>
          </button>
        </div>
        </div>
      </ion-content>
    </ion-tab>

{{“可用的声音”{124;翻译}
{{sound.name}

正在生成以下弹出窗口：

问题是，输入是滚动的listView内容，但应该是静态的。请问我怎么做

我试图在文档中找到解决方案，但运气不佳

---

非常感谢您的建议。

将您的输入移到离子内容之外，并将其放在副标题中

<ion-header-bar class="bar bar-header barHeaderCustom">
  <h1 class="title">{{ 'AVAILABLE_SOUNDS' | translate }}</h1>
</ion-header-bar>

<div class="bar bar-subheader item-input-inset">
 <label class="item-input-wrapper">
   <i class="icon ion-search placeholder-icon"></i>
   <input type="text" placeholder="{{ 'SEARCH' | translate }}" ng-model="searchedStringSingleSounds">
 </label>
</div>

---

没人知道，如何将所述输入的位置设置为不可滚动？

<ion-content class="has-header has-subheader">