2017-07-20 14 views
0

ページのコンテンツが修正されている間に、アイテムのリストをスクロールできるようにしたいと考えています。固定コンテンツのリストをスクロールする

ここでは、私のコードです:

<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> 

とアプリの画像:

enter image description here

私はアイテムのリストの上にスクロールすることができますが、私は残りの部分を修正したいと思いますコンテンツのどうすればこれを達成できますか?

本当にありがとうございました

+0

どの位置でseparetのdivタグで休息を入れについて:固定 – Vega

答えて

0

追加できる位置:マップ/その他のコンテンツがあるdiv要素に固定され、コンテンツのスクロールの残りをしましょう。

CSS:

.position-fixed { 
    position: fixed; 
} 

HTML:

<div class="position-fixed">Map goes here</div> 
<div>Scrolling content goes here</div> 
関連する問題