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

创新互联建站成立与2013年，是专业互联网技术服务公司，拥有项目成都网站设计、成都网站建设网站策划，项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命，1280元迭部做网站,已为上家服务,为迭部各地企业和个人服务,联系电话:18980820575

最近做的做那个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事件如何实现触屏页面上下滑动的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联网站制作公司行业资讯频道！

分享名称：html5touch事件如何实现触屏页面上下滑动-创新互联
路径分享：http://pwwzsj.com/article/cddhci.html