今天做项目的时候发现,如果元素是浮动元素的话,用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();
}
);