在固定内容中滚动列表答案

【问题标题】：Scroll over list in fixed content在固定内容中滚动列表
【发布时间】：2017-12-26 09:17:50
【问题描述】：

我想在页面内容固定的情况下启用滚动项目列表。

这是我的代码：

<ion-content >
  <div style="width:94.5%; height:40%; margin:0 auto; margin-top:3%; margin-bottom:0%" #map="" id="map"></div>
    <ion-scroll scrollY="true">
      <ion-list class="list-style" no-border>
        <ion-item *ngFor="let location of locations">
          <ion-icon item-start name="star"></ion-icon>
          {{location.name}}
          <button ion-button icon-left outline item-end><ion-icon name="images"></ion-icon> Ver</button>
        </ion-item>
      </ion-list>
    </ion-scroll>
</ion-content>

还有一张应用的图片：

我可以滚动项目列表，但我想修复其余内容。我怎样才能做到这一点？

非常感谢

【问题讨论】：

如何将其余部分放在一个单独的 div 标签中，位置：固定

标签： html css angular ionic-framework ionic2

【解决方案1】：

您可以将 position:fixed 添加到地图/其他内容所在的 div 上，并让其余内容滚动。

CSS：

.position-fixed {
    position: fixed;
}

HTML：

<div class="position-fixed">Map goes here</div>
<div>Scrolling content goes here</div>

【讨论】：