html5touch事件如何实现触屏页面上下滑动

小编给大家分享一下html5 touch事件如何实现触屏页面上下滑动，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

创新互联建站是一家朝气蓬勃的网站建设公司。公司专注于为企业提供信息化建设解决方案。从事网站开发，网站制作，网站设计，网站模板，微信公众号开发，软件开发，微信小程序开发，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事件如何实现触屏页面上下滑动的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！