Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/extjs/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/go/7.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 角度9+;当页面滚动时,ng引导工具提示在固定元素上失败,有没有比我更好的方法来修复?_Angular_Tooltip_Ng Bootstrap - Fatal编程技术网

Angular 角度9+;当页面滚动时,ng引导工具提示在固定元素上失败,有没有比我更好的方法来修复?

Angular 角度9+;当页面滚动时,ng引导工具提示在固定元素上失败,有没有比我更好的方法来修复?,angular,tooltip,ng-bootstrap,Angular,Tooltip,Ng Bootstrap,我相信这是一个错误,并已和不幸的是,没有任何信息修复即将到来 我将在这里添加html组件,但我的更有用 将鼠标悬停在框1上以获取工具提示,然后滚动 {{i} 1. 2. 工具提示的GIF在位置失败:已修复元素 我的hack用fixed覆盖工具提示的position属性,然后确保其顶部和左侧的位置正确,并且宽度:100%确保提示显示时没有提前换行(可以改进) 我不喜欢这个,因为我不知道连锁反应,有没有其他人想出更好的解决办法 .show{ 位置:固定!重要; 顶部:0px; 左:0px

我相信这是一个错误,并已和不幸的是,没有任何信息修复即将到来

我将在这里添加html组件,但我的更有用

将鼠标悬停在框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元素上时,此操作才有效。