如何防止滾動更改彈出器位置？

Question

我想修復 popper 元素的 position 而不是通過以后的更新更改位置（不禁用滾動偵聽器）。

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

Answer 1

Popper 使用了一些不可自定義的修飾符，相反，我使用了一個名為Floating UI的新庫（Popper 2 的演變）。

浮動 UI將修飾符擴展到新的中間件。 其中一個名為shift的中間件可以在也可以不在中間件列表中，以處理從視口退出的情況下移動的 popper 元素。

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

shift() 沿着指定的軸移動浮動元素以使其保持在視圖中。