jquery - tippyjs 偏移不起作用

Question

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

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

我尝试使用放置属性移动弹出器的位置，使用偏移属性移动偏移量，但我无法弄清楚。

这些是它应该是什么样子以及它看起来是什么样子的示例。

Answer 1

解决方案是在tippy初始化中添加“popperOptions”

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

完整的初始化可能看起来像：

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