拖拽 实现页面切换，求思路

Question

感觉不是很复杂的一个效果，很多商城都没有实现呢？页面拖拽来实现状态的切换，在web方面，如何实现页面的拖拽呢？

Answer 1

swiper 和 IScroll 都可以实现

Answer 2

web页面如何实现页面的拖拽：

首先你描述的并不是能说是拖拽，这个不准确。

移动端的页面滑动，如果图简单方便，可以了解一下 swipe.js

• https://github.com/thebird/sw...

放几个不同的div存放内容，然后可以使用swipe.js进行页面滑动。

这其中会涉及你的这些数据是一次性加载出来，还是ajax加载或者分次加载。

比如数据全部加载出来，放在不同的div，直接滑动显示即可。如果ajax请求的话，每次滑动时间结束，请求数据即可。

Answer 3

swiper的freemode可以横向或竖向拖动，但是切换的话还是需要自己touch的位移来判断是否show，需要注意的地方挺多的

Answer 4

提供一个思路 拖拽的时候提供一个标识 再给每个tab一个mouseenter的事件 根据拖拽标识太判断页面切换

Answer 5

web切换效果基于css3实现，但是这样的切换局限于单页面中，两个不同页面的切换效果还是原生app的效果丰富