jquery 的hover事件闪动

今天做项目的时候发现,如果元素是浮动元素的话,用hover事件会产生闪动效果,不仅仅是hover事件,就连使用mouseover事件等都会出现闪动

所以注意元素不要使用浮动,换成flex布局

完美解决

// detail-popup
            // $('.home-pro-detail').mouseover(function(){
            //  $(this).parent().siblings('.detail-popup').stop().show();
            // });
            // $('.home-pro-detail').mouseleave(function(){
            //  $(this).parent().siblings('.detail-popup').stop().hide();
            // });
            $('.home-pro-detail').hover(
                function(){
                    $(this).parent().siblings('.detail-popup').stop().show();
                },
                function(){
                    $(this).parent().siblings('.detail-popup').stop().hide();
                }
            );

猜你喜欢

转载自www.cnblogs.com/cyany/p/9103953.html