对于那些需要滚动条的页面，可以设置css属性over-flow，hidden不让滚动条出现。也可以自己滚动，只要在页面中按中键，然后上下移动就可以了。
这个原理其实很简单的。你知道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=1i<4i++){
$("#pic"+i).css("left", parseInt($("#pic"+i).css("left")) - 60 + "px")
}
}）
现在我们在去看css属性的left值，依次类推：-60px,0px,60px,
第三步:图片就这样切换了。我这假设我们的手机屏幕宽是50像素的，但现实不是这样，所以需要加个遮照。就是在这个滚动的图片上再加一层div去遮住不去显示的图片（当然这是一种蔗照方法），方法很多不一一列举。关键属性overflow:hidden；
