tippyjs 偏移量不起作用

Question

我使用的是带有嵌入式 HTML 表单的 Tippy.js，该表单相对较大。我的问题是，当我单击离浏览器顶部太近的触发器对象时 window，弹出器被切断。

Tippy 有一个看起来像我需要的偏移属性，应该在 X 轴和 Y 轴上移动弹出器，但它不会在 Y 轴上移动，只能在 X 轴上移动。

我试过使用 placement 属性移动 popper 的位置，使用 offset 属性移动偏移量，但我无法弄清楚。

这些是它应该是什么样子和它确实是什么样子的例子。

Answer 1

解决方案是将 "popperOptions" 添加到 tippy 初始化

 popperOptions: {
    modifiers: {
      preventOverflow: {
        enabled: false
      }
    }
  }

完整的初始化可能如下所示：

tippy('.mySelector', {
  appendTo: document.querySelector('.mySelector').parentNode,
  popperOptions: {
    modifiers: {
      preventOverflow: {
        enabled: false
      },
      hide: {
        enabled: false
      }
    }
  }
})

tippyjs 偏移量不起作用

tippyjs offset not working

jquery

tippyjs