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

我正尝试通过构建自己的移动应用程序来学习聚合物。任何人都可以在正确的方向上指出我如何创建简介页面，比如Jack Underwood的android应用程序“Today Calender”中的“What's New”部分。有没有一种方法可以通过Polymer内置的元素来实现？这基本上是3页，你可以刷卡。如果你的手指松开了一定的点，它会跟着你的手指轻轻地抓住下一页。聚合物向左或向右滑动以显示新页面

来源

2014-10-16 gkkirsch

尚不能工作，检查了这一点：https：//开头github上。 com/MeTaNoV/iron-swipeable-pages – 2016-01-17 13:59:24

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

更新：

这包是聚合物0.5，如果你想有一个聚合物1.x的柔性元件上的聚合物1.0

来源

2014-11-30 16:22:36

我必须检查一下。感谢您的反馈意见。 – gkkirsch 2015-02-17 04:20:13

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

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

这里是所有CodePens：

来源

2014-10-19 07:07:36

不错的作品，如果你喜欢在ReactJS中学习和玩滑动游戏，我可以使用一些帮助。看到这个堆栈溢出问题：http://stackoverflow.com/questions/27085523/react-swipe-api-invariant-violation-w-reactjs – 2014-11-23 05:07:17

@GiantElk很想帮助，但我不熟悉ReactJS，我觉得它更容易从头开始编程。道歉，祝你的问题好运。 – 2014-11-24 06:34:34

你会发现ReactJS非常接近胆量，并且比直接操作DOM更快，因为ReactJS都是纯JavaScript，如果你需要的话，仍然可以用jQuery工作。看看他们的快速教程页面：https://www.google.ca/search?q=reactjs&oq=reactjs&aqs=chrome..69i57j69i65l2.1517j0j1&sourceid=chrome&es_sm=0&ie=UTF-8 – 2014-11-24 23:33:53

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

回答

相关问题