这篇文章主要为大家详细介绍了html5 touch事件实现触屏页面上下滑动的相关代码,代码注释很清楚,感兴趣的小伙伴们可以参考一下
最近做的做那个app的项目由于用overflow:hidden导致了很多问题,于是决定研究下html5的touch事件。想找个全面点的帖子很难,虽然好多关于html5 touch的文章但大多都是介绍touch事件或者很简短的小demo。
比较全面的上下滑动的小demo,代码比较简单。
下面是完整代码,我把几个重要的地方做了红色标记
XML/HTML Code复制内容到剪贴板
2014-4-29
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
以上就是本文的全部内容,希望对大家的学习有所帮助。
相关推荐:
YDUI Touch专为移动端打造,在技术实现、交互设计上兼容主流移动设备,保证代码轻、性能高;使用 Flexbox 技术,灵活自如地对齐、收缩、扩展元素,轻松搞定移动页面布局;用 rem 实现强大的屏幕适配布局,等比例适配所有屏幕;自定义Javascript组件、Less文件、Less变量,定制一份属于自己的YDUI。
立即学习“前端免费学习笔记(深入)”;










