聚合物向左或向右滑动以显示新页面



我正试图通过构建自己的移动应用程序来学习聚合物。有人能为我指出如何创建介绍页面的正确方向吗?比如Jack Underwood的安卓应用程序"Today Calender"中的"What's New"部分。有没有一种方法可以用聚合物的内置元素做到这一点?它基本上是3页,你可以扫过。页面跟随你的手指,如果你松开手指超过某个点,它会轻轻地弹到下一页。

滑动页面自定义元素正是这样做的。滑动以在页面之间导航,当您水平拖动页面时,页面就会开始移动,但只有当您拖动超过设置的阈值时才会更改页面。

更新:

此软件包适用于Polymer 0.5,目前还不能用于Polymer 1.0

我在学习jQuery时制作了三个CodePens,所以代码有点粗糙。

第一个工作在一个允许无限滚动的循环上。第二个循环不起作用。第三个使用垂直幻灯片,但您可能希望使用气泡导航器。它们的工作方式很直观,但如果你需要任何澄清,可以大声说出来。

以下是所有CodePens:

  1. 循环摆动
  2. 在没有环路
  3. 侧面导航

最新更新