我们对侧滑菜单的背景半透明遮罩层的显示细节做了优化,具体表现为菜单展开时,遮罩层的出现会具有从无到有的过渡效果,而在此前遮罩层的显示是直接出现的,非常生硬。
做出此优化后,菜单的展开显得更加平滑流畅,本站整体更加趋向于原生应用了。
这个优化的主要技术在于 class 类的动态延迟添加,因为需要过渡效果的元素是通过 display 属性来控制的,如果不延迟添加类的的话,css 过渡效果会不起作用,今日我也是在网上找到的这一解决方法。
博客优化:半透明遮罩层过渡显示
4363 views
2018-04-25 13:10:17
我们对侧滑菜单的背景半透明遮罩层的显示细节做了优化,具体表现为菜单展开时,遮罩层的出现会具有从无到有的过渡效果,而在此前遮罩层的显示是直接出现的,非常生硬。
做出此优化后,菜单的展开显得更加平滑流畅,本站整体更加趋向于原生应用了。
这个优化的主要技术在于 class 类的动态延迟添加,因为需要过渡效果的元素是通过 display 属性来控制的,如果不延迟添加类的的话,css 过渡效果会不起作用,今日我也是在网上找到的这一解决方法。