popper.js 使用

本文详细介绍了Popper.js的核心概念,包括Classes、Modifiers和Functions。Popper.js通过一组9个修饰符提供基本功能,如offset、preventOverflow和flip。Popper对象的构造函数接受reference和popper元素,以及options对象,用于自定义positionFixed、eventsEnabled等。此外,还讨论了如何使用Popper.update()、Popper.destroy()等方法管理和更新popper元素的位置。
摘要由CSDN通过智能技术生成

Classes

Popper

Members

  • dataObj

    dataObject是一个包含Popper.js使用的所有信息的对象。此对象将传递给modifiers 以及onCreate和onUpdate回调。

  • referenceObj

    referenceObject是一个对象,它提供与Popper.js兼容的接口,并允许您将其用作真实DOM节点的替代。
    如果没有要用作参考的DOM节点,可以使用此方法相对于一组坐标定位popper。

Objects

  • modifiers

    Modifiers是改变poppers行为的插件
    Popper.js使用一组9个修饰符来提供库所需的所有基本功能
    通常你不想覆盖order,fn和onLoad的props。 所有其他属性都是可以调整的配置。

Functions

  • getWindow(element) ⇒ window

    获取与元素关联的窗口

  • ModifierFn(data, options) ⇒ dataObject

    Modifier 函数,每个修饰符都可以具有分配给其fn属性的函数。
    每次更新都会调用这些函数,这意味着您必须确保它们的性能足以避免性能瓶颈。

Typedefs

  • onUpdate : function
  • onCreate : function

Popper


  • Popper
    • new Popper(referecne, popper, options)
    • .Defaults : Object
      • .placement
      • .positionFixed
      • .eventsEnabled
      • .removeOnDestroy
      • .modifiers
      • .onCreate()
      • .onUpdate()
    • .placements : enum
    • .update()
    • .destroy()
    • .enableEventListeners()
    • .disableEventListeners()
    • .scheduleUpdate()

new Popper(reference, popper, options)

Param Type Description
reference HTMLElement或ref
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值