From 03064b18f736dce265693481aab6d72ec2fc338c Mon Sep 17 00:00:00 2001 From: Kenshin Date: Fri, 3 Jan 2020 13:21:41 +0800 Subject: [PATCH] Optimize notify hidden performance. --- src/vender/notify/notify.css | 2 +- src/vender/notify/notify.js | 6 ++++-- 2 files changed, 5 insertions(+), 3 deletions(-) diff --git a/src/vender/notify/notify.css b/src/vender/notify/notify.css index acfa8014..e1b127da 100644 --- a/src/vender/notify/notify.css +++ b/src/vender/notify/notify.css @@ -314,7 +314,7 @@ notify-gp .notify-snackbar { to { opacity: 0; - transform: translate3d(0, -100%, 0); + transform: scaleY(0); } } diff --git a/src/vender/notify/notify.js b/src/vender/notify/notify.js index 67d1d74e..78480957 100644 --- a/src/vender/notify/notify.js +++ b/src/vender/notify/notify.js @@ -144,8 +144,10 @@ var Notify = ( function () { }, hidden = function( target ) { target[0].addEventListener( 'animationend', function(e) { - target.remove(); - if ($root.children().length === 0 ) $root.css( "z-index", 0 ); + target.slideUp( 10, function() { + target.remove(); + if ($root.children().length === 0 ) $root.css( "z-index", 0 ); + }); }, false ); target.addClass( 'notify-hide' ); },