时间戳

首页 > 解决方案 > react-bootstrap 工具提示没有隐藏在滚动条上

html - react-bootstrap 工具提示没有隐藏在滚动条上

问题描述

当我们滚动时（由于更多数据）工具提示没有隐藏/仍然出现，我们在网格/表格中遇到问题。当我们在需要工具提示的地方进行鼠标悬停时，它工作正常，但如果我们正在滚动网格工具提示没有移动鼠标悬停指针，它不会隐藏它会随着滚动一起移动。

我试图重现这个问题：

<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="left" title="Tooltip on left">Tooltip on left</button>

顶部的工具提示

底部工具提示

右侧的工具提示

body {
  margin: 100px;
  width: 2000px;
  overflow: auto;
}

$('[data-toggle="tooltip"]').tooltip({
trigger : 'hover'
})

https://jsfiddle.net/n5du2c39/

让我知道我们如何隐藏网格滚动。

标签： htmltooltipreact-bootstrap

解决方案

推荐阅读