Question

如何让整个web页面滑动切换

Answer 1

让整个web页面滑动切换方法如下：
解决办法其实很简单，采用AJAX刷新、CSS切换。这里还需要注意的是，只有在WebKit浏览器上能看到效果。(用PhoneGap做了一个测试应用，可以在Android和IOS系统上运行，所以只需要WebKit的兼容性。)
1、首先，看看对body标签的css样式，让它有动画效果：
2、接下来，给超链接添加点击事件，让它产生切换效果。
3、下一步是使用AJAX获取到链接页面
4、要达到切换效果，还需要以下步骤:
a.
滑动当前页面到屏幕左侧；
b.
瞬间移动当前页面到屏幕右侧；
c.
替换body里面的内容；
d.
从屏幕右侧滑入当前页面对。
5、必须要遵循上面的步骤，不然不能达到预期的效果。
现在说一下详细步骤：
a.移动body到屏幕的左侧
b.写个移动监听事件
c.切换过程中，用户可能会点击后退按钮，还需对此进行处理：
总结：基本的思路就这些，当然在实际操作过程中还有一些细节需要注意，这里就不详细说了，都在代码里能体现出来