【问题标题】:Append Tether element on custom parent在自定义父级上附加 Tether 元素
【发布时间】:2015-10-30 16:51:54
【问题描述】:

有没有办法设置自定义父元素,我的目标元素将在其上附加 Tether?

默认情况下,所有系绳元素都附加到body。我将下拉元素附加到模式内的输入,由于 z-index 问题,我需要将此下拉菜单附加到模式上,而不是 body 上。 Tether 有什么选择吗?

【问题讨论】:

  • 您找到解决方案了吗?我希望做同样的事情。需要它应用在身体的某个地方,而不是身体上。
  • 使用popper.js.org可以很方便的得到需要的结果,它是一个类似于Tether的定位库

标签: javascript tether


【解决方案1】:

有几件事要尝试...

首先,确保您使用的是 Tether 附带的 CSS。 只需将 CSS 添加到我的项目中,就可以解决由放置在结束 body 标记正上方的元素造成的溢出问题。

此外,当 Tether 工作时,它会为元素添加类,您可以将其用于样式化。从他们的文档中:

tether-element 被添加到元素中

tether-target被添加到目标

tether-enabled 在未禁用 tether 时添加到两个元素

tether-element-attached-[left,right,top,bottom,middle,center] 如果元素分离(例如,如果它已固定),该类已被删除。类反映了元素的实际附加方式,因此如果约束更改了附件,则该更改将反映在类中。

tether-target-attached-[left,right,top,bottom,middle,center] 根据目标的附件添加到两个元素。所有的特性都与 element-attached 相同。

约束相关的类

tether-out-of-bounds, tether-out-of-bounds-[side] 在放置元素时同时添加到元素和目标在它的约束之外。

当约束将元素固定到容器。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-11-27
    • 2018-07-25
    • 2018-06-22
    • 2021-11-05
    • 1970-01-01
    相关资源
    最近更新 更多