Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ionic framework 在Ionic中,如何将ion slides autoHeight设置为true,并使ion内容可滚动?_Ionic Framework_Swiper - Fatal编程技术网

Ionic framework 在Ionic中,如何将ion slides autoHeight设置为true,并使ion内容可滚动?

Ionic framework 在Ionic中,如何将ion slides autoHeight设置为true,并使ion内容可滚动?,ionic-framework,swiper,Ionic Framework,Swiper,我希望滑块根据活动滑块高度调整其大小 有一个选项autoHeight:true,但它不起作用 options: { autoHeight:true } 只有当ion content scroll设置为false时,它才起作用。我可以使用此css使ionic中的swiper具有自动高度大小 .swiper-wrapper { position: relative; } 我的选项只是爱奥尼亚文档中显示的默认选项 vm.options = { loop: true, effect

我希望滑块根据活动滑块高度调整其大小

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

options:
{
 autoHeight:true
}

只有当ion content scroll设置为false时,它才起作用。我可以使用此css使ionic中的swiper具有自动高度大小

.swiper-wrapper {
  position: relative;  
}
我的选项只是爱奥尼亚文档中显示的默认选项

vm.options = {
  loop: true,
  effect: 'fade',
  speed: 500,
};
基于,您可以添加以下css:

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

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

嗨!我在这里也有同样的情况,你找到解决方案了吗?我最终找到了另一个解决方案,但你可以尝试将滑块放在另一个离子内容中。。。从未尝试过,但我想我在某处看到了。谢谢你的回答,我已经这样做了,我有两个离子内容,第二个是我的离子幻灯片,但它始终是100%的可视屏幕,所以你看不到底部的分页:(