javascript - Popper/Tippy 禁止其他元素溢出

我正在使用 Tippy 为配置腰带的选项创建工具提示，但工具提示与腰带预览重叠（见下文）。

它目前看起来像这样，当它溢出主带预览时：http ://snpy.in/Btw2ZP

但我想调整它的最大高度，让它看起来越界：http ://snpy.in/j43oIl

当工具提示高于屏幕时，此功能已内置，然后弹出。我想让它早点完成。有没有办法配置这个？

标签： javascripttwitter-bootstrappopper.jstippyjs

我不是 100% 确定这是否是您所要求的，但您可以通过向工具提示添加 CSS 来设置工具提示的最大高度。Tippy.js 只是一个以工具提示为中心的轻量级包装器 Popper.js，因此 Popper 的所有配置也适用于 Tippy。

这是 Popper 关于编辑 Tooltip 样式的文档： https ://popper.js.org/docs/v2/tutorial/#styling

max-height您也可以使用CSS 规则向 Tippy 的 HTML 内容添加一个类： https ://atomiks.github.io/tippyjs/v6/html-content/

当工具提示高于屏幕时，此功能已内置，然后弹出。我想让它早点完成。有没有办法配置这个？

不，似乎没有办法配置它。在 Tippy 的文档或 Popper（Tippy 使用的底层引擎）的文档中都没有提到这一点。您最好的方法是使用工具提示的内容height或max-heightCSS 属性，或者使用 offset 属性。