如何防止滚动更改弹出器位置？

Question

我想修复 popper 元素的 position 而不是通过以后的更新更改位置（不禁用滚动侦听器）。

gif 向您展示了我的 sticky popper，但我希望它是 static。（不要在滚动条上更改 position）：

Answer 1

Popper 使用了一些不可自定义的修饰符，相反，我使用了一个名为Floating UI的新库（Popper 2 的演变）。

浮动 UI将修饰符扩展到新的中间件。 其中一个名为shift的中间件可以在也可以不在中间件列表中，以处理从视口退出的情况下移动的 popper 元素。

您可以在Floating UI 文档中找到更多信息。

shift() 沿着指定的轴移动浮动元素以使其保持在视图中。