jquery - tippyjs 偏移量不起作用

Question

我正在使用Tippy.js带有嵌入的HTML表单，比较大。 我的问题是，当我单击距离浏览器窗口顶部太近的触发对象时，弹出窗口会被切断。

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

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

这些是它应该是什么样子以及它实际是什么样子的示例。

Answer 1

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

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

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

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