我需要一个离子幻灯片指令滚动页面。如果我在ion-content中设置了scroll=true,滑块就不会显示在页面上。我运行的是ionic 1.3.1,并使用了新的离子幻灯片指令。这是我的代码
<ion-content class="padding" scroll="false">
<div class="list card">
<div class="item no-padding">
<img class="full-image" src="http://12.jpg">
</div>
<div class="item ">
<button class="button icon-left ion-android-navigate button-stable">Directions </button>
<button class="button icon-left ion-ios-telephone button-stable">Call </button>
<button class="button icon-left ion-android-share-alt button-stable">Share</button>
</div>
</div>
<div class="slide-wrapper1">
<ion-slides options="options" slider="data.slider">
<ion-slide-page>
<img src="http://placehold.it/375x468/">
</ion-slide-page>
<ion-slide-page>
<img src="http://placehold.it/375x468/0000">
</ion-slide-page>
<ion-slide-page>
<img src="http://placehold.it/375x468/">
</ion-slide-page>
</ion-slides>
</div>
<h4>About </h4>
<div class="card">
<div class="item item-text-wrap">
This is a basic Card which contains an item that has wrapping text.
</div>
</div>
</ion-content>我做错了什么,如何让离子幻灯片在可滚动的页面中工作?
谢谢你的帮助
发布于 2016-05-27 01:27:43
用离子内容包住离子幻灯片页面的内侧怎么样:
<div class="slide-wrapper1">
<ion-slides options="options" slider="data.slider">
<ion-slide-page>
<ion-content has-header="true" padding="true">
<img src="http://placehold.it/375x468/">
</ion-content>
</ion-slide-page>
</ion-slides>
</div>我想指出的是,这应该适用于Android。我想我必须删除离子内容才能让iOS在设备上工作。
*编辑-另外,我的外部离子内容设置为true
https://stackoverflow.com/questions/37467136
复制相似问题