CSS实现页面切换时的滑动效果

最近在开发手机端APP页面功能时遇到一个需求:某个页面查询的数据有三种分类，需要展示在同一页面上,用户通过点击分类标签来查看不同类型的数据， 期望效果是
用户点击标签切换时另一个页面能够以一个平滑切入的方式展示数据.
示意图如下：

话不多说了．

首先上CSS

上页面布局：


		

			

				

		      		

						
					

		      	

				

		      			
	
							预警层级

布局没什么好说的，主要就是根据原型图来设置各个ｄｉｖ的位置．

上javascript代码
CSSjs

相关

在虚拟机(centos)上安装或卸载nodejs

js 正则匹配 两个字符串之间，某个字符串之前（之后）的内容

sql server2016里面的json功能 - 转

cefSharp通过js操控页面，含跨域操控

angularjs $emit $on $broadcast 父子 兄弟之间传值

DOM修改 使用DOM操作CSS

HTML和CSS

渡一 3-2 js基础知识

1.css布局技巧

Scss支持多主题切换的方案实现

google icons 的使用 和 css 设置图标为 loading 状态

js 校验身份证号码

标签