tippyjs抵消不起作用

Question

我使用Tippy.js使用嵌入式HTML格式，这种格式相对较大。 我的问题是，当我点击太靠近浏览器窗口顶部的触发器对象时，popper会被切断。

Tippy有一个偏移属性，它看起来像我需要的，并且应该在X轴和Y轴上移动popper，但是它不会在Y轴上移动，只有X. < / p>

我尝试使用placement属性移动popper的位置，使用offset属性调整偏移量，但我无法弄明白。

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

Answer 1

解决方案是在tippy初始化

中添加“popperOptions”

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

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

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