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
    g