全屏滚动

全屏滚动实现：类似于轮播图，整体的元素一直排列下去。每个需要全屏展示的页面的高度设置为显示高度。

实现：

HTML结构：

		

			
第1屏
			
第2屏
			
第3屏
			
第4屏
		
	

CSS代码：

javascript代码：

var pages = document.getElementsByClassName("page");
		var wrap = document.getElementById("wrap");
		var len = document.documentElement.clientHeight;		
		var main = document.getElementById("main");

		wrap.style.height = len + "px";

		for(var i=0; i 1000){
				console.log(startTime - endTime );
				if(dir>0 && now > -3*len){
					now -= len; 
					console.log(now);
					main.style.top = now +"px";
					endTime = new Date().getTime();
				}else if(dir<0 && now < 0){
					now += len;
					main.style.top = now +"px";
					endTime = new Date().getTime();
				}
			}else{
		        event.preventDefault();    
			}
		}