教程 > popper.js 中文教程 > 阅读:1638

popper.js 事件监听器(eventlisteners )——迹忆客-ag捕鱼王app官网

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

该修饰符当前没有数据。

查看笔记

扫码一下
查看教程更方便
网站地图