当前位置：Gxlcms > html代码 > html5touch事件实现触屏页面上下滑动(二)_html5教程技巧

html5touch事件实现触屏页面上下滑动(二)_html5教程技巧

时间：2021-07-01 10:21:17 帮助过：16人阅读

上篇文章使用html5的touch事件把简单的滑动做出来了，实现了持续页面上下滑动的效果，参考之前的文章及代码html5 touch事件实现触屏页面上下滑动(一)

本文主要实现了一个效果：页面滑动到最上面和最下面的时候阻止其再继续滑动；

因为给页面添加了touch事件那么滚动条等其他页面原有的默认属性将别改变，上篇文章里的 demo可以一直向上滑动或向下滑动，但现实是这样是不可取的

完整代码：