温泉 UI 轮播和滑动菜单

【问题标题】：Onsen UI Carousel and sliding menu温泉 UI 轮播和滑动菜单
【发布时间】：2015-09-22 12:31:40
【问题描述】：

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

在我将 position:fixed 放置在包含轮播的 div 中之前，轮播是不可见的。

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

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

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

我该如何解决这个问题？

【问题讨论】：

标签： carousel onsen-ui slidingmenu

【解决方案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>

【讨论】：