Question

我最近开始使用Onsen-ui，我喜欢它！我使用那里的文档创建了一个滑动导航栏但是我想改变这个导航栏，这样只有当用户将手指滑到靠近页面的左侧时才能访问它（不只是完全滑过任何部分的页）。

这可能吗？我很感激任何帮助！

谢谢！

Answer 1

你应该在index.html的主体中有类似下面的内容。

<ons-sliding-menu
  above-page="home.html"
  behind-page="menu.html"
  max-slide-distance="85%"
  side="left"
  var="app.slidingMenu">
</ons-sliding-menu>

更改它，使其看起来像这样：

<ons-sliding-menu
  above-page="home.html"
  behind-page="menu.html"
  swipe-target-width="20px"
  max-slide-distance="85%"
  side="left"
  var="app.slidingMenu">
</ons-sliding-menu>

即。添加以下行：

swipe-target-width="20px"

更多阅读：http://onsenui.io/guide/components.html#ons-sliding-menu

希望它有帮助＆amp;祝温泉好运！

Vladyslav

导航栏在onsen-ui

1 个答案: