touchmove这个方法
创新互联专业为企业提供梧州网站建设、梧州做网站、梧州网站设计、梧州网站制作等企业网站建设、网页设计与制作、梧州企业网站模板建站服务，10年梧州做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。
然后用e.touches[0],e.touches[1]... 来判断不同的点,自己写点小算法就搞定了
需要准备的材料分别有：电脑、chrome浏览器、html编辑器。
1、首先，打开html编辑器，新建一个html文件，例如：index.html，填充问题基础代码。
2、在index.html中的img标签，输入html代码：style="margin: 15px 20px 25px 30px;"。
3、浏览器运行index.html页面，此时图片被成功移动了位置到距离左侧30像素，上方15像素。
直接搜索下js轮播，jq轮播。
先定位图片--定时图片切换--加上按钮执行点击切换--鼠标移入图片范围时停止切换，离开时接着切换
这个原理其实很简单的。你知道html5只是html+css3+js的全程，所以控制图片的定位都是有css的一个position属性来做的,图片无非就是去改变定位中的left值。知道这个之后我就可以接下来的实现步骤：
当然，这些只是实现逻辑。具体细化功能这个你自己去调整。原理知道其他的都简单的很。
第一步：将N张图片去排版定位。
如
#pic1{
position:absolute;
width:50px;
height:50px;
top:10px;
left:0px;
}
#pic2{
position:absolute;
width:50px;
height:50px;
top:10px;
left:60px;
}
#pic3{
position:absolute;
width:50px;
height:50px;
top:10px;
left:120px;
}
第二步：我们现在已经知道了这3张图片的位置，接下来就是去点击它，改变他的位置，这个点击其实用js就很容易实现。onclick点击事件，你可以搜下；
例如：
//监听点击事件
document.addEventListener（"click",function(){
for(var i=1;i4;i++){
$("#pic"+i).css("left", parseInt($("#pic"+i).css("left")) - 60 + "px");
}
}）
现在我们在去看css属性的left值，依次类推：-60px,0px,60px,
第三步:图片就这样切换了。我这假设我们的手机屏幕宽是50像素的，但现实不是这样，所以需要加个遮照。就是在这个滚动的图片上再加一层div去遮住不去显示的图片（当然这是一种蔗照方法），方法很多不一一列举。关键属性overflow:hidden；
朋友只能指点这么多，老婆让洗碗，所以接下来的如有疑问，继续追问，以后回答
我大概理解到了你的意思，是想实现背景的视觉差效果吧。如果是这个的话两种方法，
一种是设置background-attachment:fixed;背景固定了
另外一种就是利用 animate css3的属性，想兼容更多的浏览器建议用jquery控制。感觉应该是你想要的效果了。
你说的这个是单页面效果。我给你个网址上面有好多这样的
