我正在使用 Tippy 为配置腰带的选项创建工具提示,但工具提示与腰带预览重叠(见下文)。
它目前看起来像这样,当它溢出主带预览时:http ://snpy.in/Btw2ZP
但我想调整它的最大高度,让它看起来越界:http ://snpy.in/j43oIl
当工具提示高于屏幕时,此功能已内置,然后弹出。我想让它早点完成。有没有办法配置这个?
我正在使用 Tippy 为配置腰带的选项创建工具提示,但工具提示与腰带预览重叠(见下文)。
它目前看起来像这样,当它溢出主带预览时:http ://snpy.in/Btw2ZP
但我想调整它的最大高度,让它看起来越界:http ://snpy.in/j43oIl
当工具提示高于屏幕时,此功能已内置,然后弹出。我想让它早点完成。有没有办法配置这个?
我不是 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-height
CSS 属性,或者使用 offset 属性。
Tippy 的偏移量文档 https://atomiks.github.io/tippyjs/v6/all-props/#offset
Popper 的偏移量文档 https://popper.js.org/docs/v2/modifiers/offset/#offset-1