Popper.js

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 $200 免费积分!

说到棘手的事情:工具提示!

工具提示需要特别地自我感知,这样它们就不会出现在无法读取的地方。然后在页面状态发生变化时继续保持智能,例如调整大小或滚动。Popper.js 看起来可以很好地处理所有这些事情。

项目页面没有提到这一点,但创建者 Federico Zivolo 向我展示了它与 React 也很友好,因为您可以在组件中渲染工具提示元素本身,它就会一直保持在那里。这与大多数将工具提示元素移动到 DOM 周围的工具提示实现不同(可能使其成为<body>的直接后代,以方便定位),这在 React 环境中很容易出现问题。

直接链接 →