JQuery fadeIn not completely fading in Chrome

I have a problem with an error in Chrome when using fadeIn to display content. It will either show, but be transparent, or its blocks will be displayed with full opacity, while other blocks will not be displayed at all. When the browser redraws it, i.e. By resizing the window or selecting content, etc., the content is displayed correctly.

When tested in Safari and Firefox, it disappears correctly.

$(stuff).hide().appendTo("body").fadeIn(100); 

Replicated here: http://jsfiddle.net/kuiche/x9fwdaLc/

+5
source share
1 answer
 $(stuff).hide().appendTo("body").fadeIn(100, function() { $(this).show(); }); 

Force full display of the item as a callback when it is completed fadeIn.

0
source

Source: https://habr.com/ru/post/1210666/


All Articles