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

时间:2019-01-03 21:23:58

标签: css browser scroll ionic3 swipe

我需要在ionic v3中水平滚动图像列表。我尝试使用ion-scroll组件,并且非常适合android平台,但是我在浏览器中也需要相同的行为。

因此,当我隐藏滚动条时,它不起作用,我也尝试将滚动宽度设置为0。似乎滑动功能只能在移动设备上使用。

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

我需要存档this之类的文件。

enter image description here 我还检查了ngx-swiper-wrapper库,但无法获得预期的结果。

还有其他图书馆可以帮助您吗?

谢谢。

1 个答案:

答案 0 :(得分:0)

我试图实现相同的效果(在所有设备和浏览器上的水平滚动行为),最终使用滑块来做到这一点:

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

Slides组件基于iDangerous swiper,并且被制作为支持覆盖流,例如具有多张可见的UI的UI:http://idangero.us/swiper/demos/110-slides-per-view.html

这是简单的实现:

https://ionic-iw4z5s.stackblitz.io