如何使锚链接页面可刷？

Question

我最近在这个问题上苦苦挣扎，“如何使锚链接可以滑动”.....

如何从＃page1滑动到＃page2？

我的所有页面内容都是用一个页面javascript编写的，结构如下：

 if (hash === "#page1") {
        ....."});


} else if (hash === "#page2") {
   .....});

} else if (hash === "#page3") {
   .....});

请参阅原始页面：http://coenraets.org/blog/2013/03/hardware-accelerated-page-transitions-for-mobile-web-apps-phonegap-apps/

我的页面：http://siuyian.com/test9/

Answer 1

你不能在你的JS代码中创建一个逻辑，在每个向右或向左滑动的手势上，你将交换Body的类名，而这反过来会激活你的基于css的过渡？

对于滑动手势，存在很棒的库名Hammer.JS

这是a Carousel Demo，它完全符合您的要求。事情是，当用户直接输入哈希页时，您必须管理您的应用程序显示。

问题 - 我建议您为SPA（单页应用程序）使用MVC解决方案。它处理路由以及您可能需要为应用程序使用的许多其他事项。试一试。

顺便说一句 - 你的页面坏了。