从悬停触发的弹出窗口快速滚动不会隐藏弹出窗口

Question

我对表中某些突出显示的行使用了悬停触发的弹出框，并且当您使用鼠标滚轮相对快速地滚动离开元素时，即使您不再将鼠标悬停在该悬停框上，弹出框也会继续显示一秒钟。目标元素。它会产生一个奇怪的效果，弹出框会从滚动方向移开，移到表格的边框之外。

这是一些示例代码：

 $('.popover_class').popover({
   trigger: 'hover',
   placement: 'right'
 })

<tr class="bg-warning popover_class" data-toggle="popover" data-content="example"></tr>

我尝试了多种解决方案，包括在使用上面的代码初始化弹出事件后将其隐藏在滚动事件上

$('.popover_class').on('scroll', function() {
      this.popover('hide');
});

使用引导程序4，popper.js 1.15，jquery 3.4，DataTables。

谢谢

Answer 1

将弹出式动画设置为false（默认情况下为true），这将停止对弹出式窗口应用CSS淡入淡出过渡。

 $('.popover_class').popover({
   trigger: 'hover',
   placement: 'right',
   animation: false
 });

尝试用鼠标滚动触发弹出框隐藏操作将不起作用，因为相同的动画效果将被相同地触发。