在 Ionic 中，如何通过 ion-content 可滚动将 ion-slides autoHeight 设置为 true？答案

【问题标题】：In Ionic, how to set ion-slides autoHeight to true with ion-content scrollable?在 Ionic 中，如何通过 ion-content 可滚动将 ion-slides autoHeight 设置为 true？
【发布时间】：2016-03-30 08:27:34
【问题描述】：

我希望滑块根据活动的幻灯片高度调整其大小。

有一个选项 autoHeight:true 但它不起作用

options:
{
 autoHeight:true
}

仅当 ion-content scroll 设置为 false 时才有效

【问题讨论】：

嗨！我也遇到了同样的情况，请问你找到解决办法了吗？
我最终得到了另一种解决方案，但您可以尝试将滑块放在另一个离子含量内...从未尝试过，但我想我在某处看到了。
谢谢你的回答，我已经这样做了，我有两个离子含量，第二个是我的离子幻灯片，但它总是 100% 的可见屏幕，所以你看不到底部分页:(

标签： ionic-framework swiper

【解决方案1】：

我可以用这个 css 让 ionic 中的 swiper 具有自动高度大小

.swiper-wrapper {
  position: relative;  
}

而我的选项只是 ionic 文档中显示的默认选项

vm.options = {
  loop: true,
  effect: 'fade',
  speed: 500,
};

【讨论】：

【解决方案2】：

基于this，可以添加如下css：

.swiper-slide:not(.swiper-slide-active) > div {
  display:none;
}

我已经测试过了，效果很好。

【讨论】：