序言
本篇为一移动端博文,个人觉得这篇外文还可以,就翻译了一下,最终实现的一个效果是:用手势创建一个本地菜单(点击一菜单按钮,实现设置一个触摸侧滑,滑动滑出效果,如下文中的gif图所示),主要涉及的知识点有移动端三大触摸事件...- 如丝般流畅的手势触摸手势和动画可能是一个挑战,并随着时间的推移变得越来越突出。但这是另一天的战斗。或另一篇文章。或两者
今天,我们要告诉你如何用手势创建一个本地菜单
?
让羊驼走上舞台!...在这种情况下在那里是:
touchstart:当你触摸DOM元素时触发
touchmove:当你沿着DOM元素拖动手指时触发
touchend:当你从DOM元素中移除手指时触发
在这些事件中,我将使用触摸属性...,这些代码都会运行。...现在已经完成了,下一步就是计算叠加层的淡入效果
重叠计算
目标是:
当moveX = -menuWidth时,不透明度= 0
当movX = 0,不透明度= 0.5
然而,这些计算并不那么线性。