我想在页面内容固定的情况下启用元素列表的滚动。
这是我的代码:
<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>
还有一张应用图片:
我可以滚动元素列表,但我想修复其余内容。我怎样才能做到这一点?
非常感谢
最佳答案
可以在 map /其他内容所在的div上加上position:fixed,让其余内容滚动。
CSS:
.position-fixed {
position: fixed;
}
HTML:
<div class="position-fixed">Map goes here</div>
<div>Scrolling content goes here</div>
关于html - 在固定内容中滚动列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45218718/