序言
本篇为一移动端博文,个人觉得这篇外文还可以,就翻译了一下,最终实现的一个效果是:用手势创建一个本地菜单(点击一菜单按钮,实现设置一个触摸侧滑,滑动滑出效果,如下文中的gif图所示),主要涉及的知识点有移动端三大触摸事件...(touchstart,touchmove,touchend),触摸属性,以及实现侧边栏动画,在处理移动端点击,拖动,滑动时,是不得要考虑用户的触摸手势,判断手指在页面上到底是点击还是滑动的,利用原生js...现在已经完成了,下一步就是计算叠加层的淡入效果
重叠计算
目标是:
当moveX = -menuWidth时,不透明度= 0
当movX = 0,不透明度= 0.5
然而,这些计算并不那么线性。...在这个计算中我追求的百分比是
var newOpacity = (((maxOpacity) * percentage) / 100);
这个计算是需要的,因为不透明度只有在0到0.5之间(如在变量中定义的...如果0.5不透明度与100%相关,则百分比将是期望的不透明度
?