网络转载:http://www.qiqiboy.com/2012/04/01/touchscroll-v1-0-publish.html
首先是用不用css3,TouchScroll我前后开发了两版,第一版在支持css3的浏览器上,容器的移动以及缓动效果均有css3提供,在IE上则有JS动画提供缓动效果。这个版本遇到了一个我无法解决的问题(因为要兼容IE,所以我没用translate,而是普通的绝对定位absolute,这样子遇到了滚动条动画中时的位置定位问题,没找到解决办法),关于css3的,后来又由于各种原因,这个版本放弃了,又重新开发了目前这个版本。这个版本里的缓动效果是由JS支持的。
还遇到一个快速移动后的缓动问题,需要取一定时间内的移动距离以及时间来计算加速度并从而计算出缓动的距离以及开始的速度。最后我是在拖动过程中(moveEvent)记录了每一次的时间与坐标,然后在拖动结束时(endEvent) 页面所在本站地址: http://www.52-life.net/N_TouchScroll.htm |