如何在ionic 3浏览器中滑动水平滚动

Question

我需要在ionic v3中水平滚动图像列表。我试过使用ion-scroll组件，在android平台上工作得很好，但我需要在浏览器中使用相同的行为。

因此，当我隐藏滚动条时，它不工作，我还试图将滚动宽度设置为0。似乎swipe功能只适用于移动设备。

::-webkit-scrollbar, *::-webkit-scrollbar {
    display: none;
    //width: 0 !important
}

我需要存档像this这样的东西。

​

我也检查了ngx-swiper-wrapper库，但我没有得到预期的结果。

有没有其他库可以帮助你做到这一点？

谢谢。

Answer 1

我试图实现同样的效果(所有设备和浏览器的水平滚动行为)，最终使用slider实现：

https://ionicframework.com/docs/components/#slides

幻灯片组件基于iDangerous swiper，旨在支持类似于可见多张幻灯片的coverflow UI：http://idangero.us/swiper/demos/110-slides-per-view.html

下面是一个简单的实现：

https://ionic-iw4z5s.stackblitz.io