html - 弹出框不会停留，页面滚动时位置会停留(Angular 4+)

Question

当我单击一个图标时，会显示一个弹出窗口。我意识到弹出窗口设置了延迟，但是当我滚动时，弹出窗口也会移动。我怎样才能让它留在图标所在的位置而不是滚动？

<md-badge class="current-plan-type__icon--badge" direction="right" [mdPopover]="tootltipTemplate" delay="10000"
popoverTrigger="MouseEnter">
 <i class="cui-icon icon icon-info_16 current-plan-type__icon--info"></i>
</md-badge>

Answer 1

只需将 tootltipTemplate 移到可滚动的 div 之外，即使不在同一级别，它也会被调用。

我认为您遇到了这个问题:可滚动 div 内的弹出框模板。

<div #root>
   <div #scrolleable>
       <div #tootltipTemplate></div>
   </div> 
</div>

那么我的建议是:移出可滚动 div 的 popover 模板。

<div #root>
   <div #scrolleable>       
   </div> 
   <div #tootltipTemplate></div>
</div>

希望对你有用。