Question

我正在使用Ionic2的ion-slides这对我来说很好。

    <ion-slides [options]="extraOptions">
        <ion-slide *ngFor="let slide of slides">
            <img src="{{slide.image}}" />
        </ion-slide>
    </ion-slides>

我想在Swiper API http://idangero.us/swiper/api/#.V6Lcx8twbqA（第13个示例）中添加一个水平滚动条，因为文档提到Swiper是用于ion-slides的内容。 source code for that example在<div class="swiper-scrollbar"></div>代码后面有<div class="swiper-wrapper">。

问题是Ionic会生成HTML，所以如何添加滚动条功能。

要向滑块添加分页项目符号，我只需在pager标记中添加ion-slides属性指令。是否有类似的horizental滚动条？

Answer 1

这不能通过Ionic的离子滑动组件完成。请参阅其中一位作者的回复：https://forum.ionicframework.com/t/how-to-add-horizontal-scrollbar-to-slides/59450/3?u=brightpixels

Not at the moment. We've tried to keep the Slides API much simpler than the original Swiper API. But we plan on revisiting this post 2.0 final

我已经通过直接使用swiper库并创建自己的组件解决了这个问题。

通过npm安装模块：npm install swiper
位于组件文件declare var require
然后var swiper = require('swiper')

将水平滚动条添加到Ionic2的离子滑动

1 个答案: