touchSwipe实现手机触屏滚动

作者:林炜贤来源:www.163css.com发表时间:(2012-12-20)

今天,我们用touchSwipe来实现类似滚动条的滑动功能,这个功能,我们之前的“touchScroll实现手机触屏滚动”,坦白说,我们做的这个效果,并没有touchsSroll的功能那样完美,但使用起来还是OK的。

在我们的代码中,我们还是采用了swipe的方法,只不这过,这次采用了swipeUp。

我们定义的变量qq,为滑动区域的高度减去滑块的高度,当达到最底部的时候,我们将它返回顶部。。。

在我们今天的代码中,animate发挥了巨大的作用。。。

相对来说,我们这个作品,并没有touchScroll写得那么完善,右侧的滑动我们采用了rollbg也是通过animate来实现和区域滑动的变化。。。

以下我提供源文件,欢迎有需要的朋友下载使用:

预览地址:http://www.163css.net/net163/cssjs/2012/12/touchroll/index.html

下载地址:touchSwipe实现手机触屏滚动 .zip

返回作者主页:www.163css.com阅读 (13789)
更多 1