Popper.js 事件监听器(eventListeners )

eventListeners修饰符添加了滚动和调整大小的侦听器,它们在必要时更新popper的位置。这些并不详尽,没有涵盖以下情况:

当参考元素移动或改变大小时

大多数情况下,当 poppe r的引用元素在页面上移动时,您可以通过将 popper DOM 节点附加到引用DOM节点旁边来避免重新定位 popper。 这样做的好处是大大减少了将 popper 和r eference 元素保持在一起所需的更新量,但也有一些特殊情况需要记住。 首先,您必须确保父元素没有剪切容器。剪辑容器是能够剪辑(或隐藏)溢出其边界的内容的元素。 一个常见的误解是,任何带有 overflow: hidden 的父元素都将剪切任何溢出的子元素,但实际情况并非如此。 为了获得这样的特征,元素需要将 overflow 属性设置为自动、滚动、覆盖或隐藏,并且需要充当偏移量父元素或作为偏移量父元素的父元素。只有在这些条件下,popper 溢出父节点时才会被切断。

注意 Poppe r已经处理了这种情况,并且只有当父容器是一个剪切容器时,才会尝试使 Popper 不溢出父容器。

当popper元素改变大小(即内容)

这种情况不被eventListeners修饰符处理,因为它已经被 computeStyles 处理了,当它的自适应属性被启用时(默认开启)。

其他情况

对于上述选项中没有包含的任何其他情况,你可能需要通过 instance.update()、ResizeObserver 或requestAnimationFrame 循环(如果是动画)来解决这些问题。


阶段

write


Options

type Options = {
  scroll: boolean, // true
  resize: boolean, // true
};
  • scroll:确定是否添加了滚动侦听器
  • resize:确定是否添加了调整大小侦听器。

Data

该修饰符当前没有数据。

查看笔记

扫码一下
查看教程更方便