Lynx
指引
API
博客
贡献
指引
API
博客
贡献
简体中文

IntersectionObserver: relativeToViewport() method

relativeToViewport 方法可以被用来指定 LynxView 作为参照节点，参照节点的视窗可以根据 margins 进行缩放。

语法

relativeToViewport(
  margins ? margins : {left: 0, right: 0, top: 0, bottom: 0}
): IntersectionObserver;

参数

margins

margins ? margins : { left: 0, right: 0, top: 0, bottom: 0 };

指定参照节点视窗的放缩值，该值只影响交叉状态的检测，不会影响真正的视图显示。正值表示拓展参照节点视窗边界，负值表示收缩参照节点视窗边界。

属性名称 类型 描述
left number ｜ string 目标节点左边界的放缩值
right number ｜ string 目标节点右边界的放缩值
top number ｜ string 目标节点上边界的放缩值
bottom number ｜ string 目标节点下边界的放缩值

返回值

IntersectionObserver 对象。

注意事项

目标节点与参照节点及目标节点与祖先节点的交叉状态定义为如下最小的一个相交比例：

  • 目标节点和 LynxView（经过 margins 放缩）的相交比例
  • 目标节点和祖先节点的相交比例，祖先节点包含目标节点到 LynxView 路径上的节点，祖先节点设置 overflow: visible 时会被忽略

兼容性

Loading

除非另有说明，本项目采用知识共享署名 4.0 国际许可协议进行许可，代码示例采用 Apache License 2.0 许可协议进行许可。