Angular 角度9+;当页面滚动时,ng引导工具提示在固定元素上失败,有没有比我更好的方法来修复?
我相信这是一个错误,并已和不幸的是,没有任何信息修复即将到来 我将在这里添加html组件,但我的更有用Angular 角度9+;当页面滚动时,ng引导工具提示在固定元素上失败,有没有比我更好的方法来修复?,angular,tooltip,ng-bootstrap,Angular,Tooltip,Ng Bootstrap,我相信这是一个错误,并已和不幸的是,没有任何信息修复即将到来 我将在这里添加html组件,但我的更有用 将鼠标悬停在框1上以获取工具提示,然后滚动 {{i} 1. 2. 工具提示的GIF在位置失败:已修复元素 我的hack用fixed覆盖工具提示的position属性,然后确保其顶部和左侧的位置正确,并且宽度:100%确保提示显示时没有提前换行(可以改进) 我不喜欢这个,因为我不知道连锁反应,有没有其他人想出更好的解决办法 .show{ 位置:固定!重要; 顶部:0px; 左:0px
将鼠标悬停在框1上以获取工具提示,然后滚动
{{i}
-
1.
2.
工具提示的GIF在位置失败:已修复元素
我的hack用fixed
覆盖工具提示的position属性,然后确保其顶部和左侧的位置正确,并且宽度:100%
确保提示显示时没有提前换行(可以改进)
我不喜欢这个,因为我不知道连锁反应,有没有其他人想出更好的解决办法
.show{
位置:固定!重要;
顶部:0px;
左:0px;
宽度:100%;
}
我遇到了同样的问题,最后在元素周围放置了一个位置为:relative的外部包装。这似乎解决了问题
i、 e
.sidebar{位置:固定;}
.tooltip包装器{position:relative;}
{{item.name}
我在ng boostrap中搜索可滚动问题,并在其中一个GitHub问题中找到,您只需将位置:relative
放在包装器上(带有工具提示指令的元素)它可以工作。@jcubic我只是尝试将该属性添加到ul标记中,但它不起作用,所以我用该属性将它包装在一个div中,但它仍然不起作用。如果滚动到页面底部,将显示工具提示。也许这是我的angular版本,你可以尝试分叉我的演示,看看我的包装是否出错。它需要在li元素上,而不是在ul上,有工具提示的元素不是所有项目的容器。仅当将工具提示放置在li元素上时,此操作才有效。