滑动菜单导航科多瓦

Question

我用cordova/Angularjs做了我的第一个应用。

我试着做一个滑动菜单导航，像YouTube应用程序，Tinder应用等。当你滑动的时候，菜单跟着你的手指。而不是简单的滑动。

在没有Jquery的情况下，有角可以吗？

谢谢。

Answer 1

和选项一样，您可以使用Onsen.io，它是一个在AngularJS中运行的框架，运行速度相当快。

<ons-sliding-menu var="app.menu" main-page="page.html" menu-page="menu.html" max-slide-distance="200px" type="reveal" side="left">
</ons-sliding-menu>

<ons-template id="page.html">
  <ons-page>
   <p style="text-align: center">
     <ons-button ng-click="app.menu.toggleMenu()">Toggle</ons-button>
   </p>
  </ons-page>
</ons-template>

<ons-template id="menu.html">
  <ons-page>
    <!-- menu page's contents -->
  </ons-page>
</ons-template>

看看你的例子：滑动菜单