Question

在我的应用程序中，在一个页面中，我在工具栏中有一个旋转木马，有一个顶部固定位置。

在我放置一个位置之前，轮播不可见：固定在包含旋转木马的div中。

在这个页面中我也有一个滑动菜单。

当我滑动滑动菜单时，轮播在视图中保持固定，在滑动菜单上，而不是在页面中向右滑动。

我在Android默认浏览器中遇到过这个问题，就像Android中的builed应用程序一样。在桌面浏览器（Firefox和Crome）中，一切正常。

我该如何解决这个问题？

Answer 1

我通过在列中输入来解决滑动菜单中的旋转木马问题。如果必须，您可能必须将宽度调整为滑动菜单的设置。它甚至可以在宽度设置为100％的情况下工作，但是将它放在自己的列或行中帮助我避免了那些重叠的问题。

示例：

<ons-row><ons-col width="10%"></ons-col>
       <ons-col width="80%"><br /><h4>Carousel</h4>
        <ons-list-item>
        <ons-carousel swipeable overscrollable auto-scroll style="height: 50px; width: 100%; align: center;" initial-index="0" swipe-target-width="100">
        <ons-carousel-item class="button--menu">
        Item 0
        </ons-carousel-item>
         <ons-carousel-item class="button--menu">
        Item 1
        </ons-carousel-item>
        </ons-carousel>
        </ons-list-item>

Onsen UI Carousel和滑动菜单

1 个答案: