小編給大家分享一下html5 touch事件如何實現(xiàn)觸屏頁面上下滑動，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)建站是一家朝氣蓬勃的網站建設公司。公司專注于為企業(yè)提供信息化建設解決方案。從事網站開發(fā)，網站制作，網站設計，網站模板，微信公眾號開發(fā)，軟件開發(fā)，微信小程序開發(fā)，10多年建站對成都門簾等多個領域，擁有多年的網站推廣經驗。

最近做的做那個app的項目由于用overflow：hidden導致了很多問題，于是決定研究下html5的touch事件。想找個全面點的帖子很難，雖然好多關于html5 touch的文章但大多都是介紹touch事件或者很簡短的小demo。
比較全面的上下滑動的小demo，代碼比較簡單。

下面是完整代碼，我把幾個重要的地方做了紅色標記

XML/HTML Code復制內容到剪貼板

  
  
  
      
      
      
      
      
  
  
  
  
    
  
        
  
        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
 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
         
        
  
    
  
  
      
  
  

以上是html5 touch事件如何實現(xiàn)觸屏頁面上下滑動的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道！