如何使锚链接页面可滑动？

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

这是一个轮播演示 ，完全可以满足您的需求。 问题是，当用户直接进入哈希页面时，您将必须管理应用程序的显示。

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

顺便说一句-您的页面已损坏。