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

Question

我正在尝试通过构建自己的移动应用来学习聚合物。任何人都可以指出我正确的方向如何创建介绍页面，如杰克安德伍德的Android应用程序“今日日历”的“什么是新的”部分。有没有办法用Polymer的内置元素做到这一点？它基本上可以刷3页。如果您将手指放过某一点，它会跟随您的手指，它将轻轻地对齐到下一页。

Answer 1

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

<强>更新

此软件包适用于Polymer 0.5，但尚未在Polymer 1.0上运行

Answer 2

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

first一个在循环上工作，允许无限滚动。 second一个在循环中不起作用。 third使用垂直幻灯片，但您可能希望使用气泡导航器。他们的工作方式非常直观，但如果您需要任何澄清，请随时大声说出来。

以下是所有CodePens：

1. Swiping in a loop
2. Swiping without a loop
3. Side navigation