如何让整个web页面滑动切换
2个回答
推荐于2018-08-28 · 百度认证:深圳联雅网络科技有限公司
联雅网络
联雅网络成立于2005年，是一家技术开发型的网络公司，致力于高端品牌网站建设，微信公众平台开发，是一支拥有一百多人的网站设计技术团队。分深圳联雅网络与广州联雅网络，一直专注网站建设领域
向TA提问
关注
![]()
展开全部
让整个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.切换过程中，用户可能会点击后退按钮，还需对此进行处理：
总结：基本的思路就这些，当然在实际操作过程中还有一些细节需要注意，这里就不详细说了，都在代码里能体现出来
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
网易云信
2023-12-06 广告
很高兴能回答您的问题。以下是一段针对“一对一消息组件”的描述，字数在200字左右：该组件支持用户之间的私密交流，让沟通更加直接和高效。通过它，您可以向特定对象发送消息，并实时查看消息状态，包括对方是否已读或未读。同时，该组件还支持富文本消息...
点击进入详情页
本回答由网易云信提供
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
