Bootstrap 工具提示容器="body" 滚动问题

Question

我在下拉菜单中使用了 bootstrap 工具提示。我在隐藏工具提示问题中发现了那个下拉菜单。

所以我用 container="body" 解决了这个问题。

现在我有另一个问题。这个问题是如果在工具提示选择器元素中悬停滚动，则工具提示内容会转到顶部。

参考下面的截图。

Answer 1

我已经解决了这个问题。那就是如果鼠标悬停在工具提示选择器元素上，然后为该元素添加一个脚本，悬停在 & out 触发事件中以删除和添加正文滚动。示例如下：

$(document).on({
    mouseenter: function () {
        $('body').css('overflow-y', 'hidden');
    },
    mouseleave: function () {
        $('body').css('overflow-y', 'scroll')
    }
}, 'YOUR_TOOLTIP_SELECTOR');

Bootstrap 工具提示容器="body" 滚动问题

Bootstrap tooltip container="body" scroll issue

tooltip

bootstrap-4