html点击页面滑动效果,html5 touch事件实现页面上下滑动效果【附代码】

html>

2014-4-29

* {margin: 0; padding: 0;}

#outer{ width:90%; height: 490px; background: #000; margin: auto; overflow: hidden;}

#inner{width:80%; height: 2000px; background: #f67d42; margin: auto; position:relative; top:0; }

123
 123
 gag
 af
 123
 123
 123
 123
 123
 123
 123
 123
 123
 123
 123
 yryyr
 ryry
 123
 123
 123
 123
 123
 sdff
 fef
 123
 hr
 hrh
 5y
 123
 er
 ert
 123
 rgdgdg
 123
 123
 123
 123
 123
 123
 gfgfgfgfgfgf
 sdsdsdsdsdsd
 sf
 123
 123
 123
 123
 123
 123
 123
 123
 gdggdgdg
 123
 drgdrgd
 123
 123
 123
 yuyuyuyuyuy
 hjkhjkhkhkhjkhkh
 kjkjk
123
 123
 gag
 af
 123