台州温岭做网站请找我们 (专业建站 | 诚信服务) 13958630945 在线客服 联系技术

佳源设计|台州网站建设|佳源网页设计

网站当前位置: 首页>>手机网站建设>>TouchScroll 1.0 – 统一视觉样式的容器滚动解决方案
建站流程
 
APP 开发
 
企业微信建设
 
手机网站建设
 
 建站知识搜索
 

台州网站建设
 
网站优化
 
提交疑问
 手机网站建设 > TouchScroll 1.0 – 统一视觉样式的容器滚动解决方案

TouchScroll 1.0 – 统一视觉样式的容器滚动解决方案

7021次浏览
2014-06-05
网络转载: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
上一篇 >>解决 Android SDK下载和更新失败“Connection to https://dl-ssl.google.com refused
下一篇 >>iOS Web App开发心得