tippyjs偏移不起作用

Question

我使用的是Tippy.js和一个相对较大的嵌入式HTML表单。我的问题是，当我单击离浏览器窗口顶部太近的触发器对象时，弹出器就会被切断。

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

我试着用placement属性移动popper的位置，用偏移量属性移动偏移量，但是我找不出。

这些例子说明了它应该是什么样子，它看起来是什么样子。

​

​

​

​

Answer 1

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

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

完整的init看起来可能如下：

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

​

​