温泉旋转木马垂直滚动

时间:2014-12-03 22:16:10

标签: jquery mobile carousel onsen-ui

我正在使用Onsen UI Framework开发移动应用,并希望能够在页面或内容之间滑动。我添加了旋转木马并在div中放置了页面,它在大多数情况下都有效。剩下的唯一问题是我无法垂直滚动内容以查看所有内容。

如何解决这个问题?

2 个答案:

答案 0 :(得分:0)

您可以使用ons-scroller代码。

您必须在height标记中设置ons-scroller属性,这样才能使内容垂直滚动,例如;

<ons-scroller style="height: 800px; width: 100%">
    <ons-carousel style="width: 100%; height: 200px">
        <ons-carousel-item>
        </ons-carousel-item>
        <ons-carousel-item>
        </ons-carousel-item>
    </ons-carousel>
</ons-scroller>

答案 1 :(得分:0)

使用direction =&#34; vertical&#34;。

<ons-carousel direction="vertical">
...
</ons-carousel>