The relativeTo
method can be used to specify a reference node. The reference node is specified by id
. The viewport of the reference node can be scaled according to margins
.
Specify the id
used when searching for the reference node. It will first search in the component
passed in when creating the IntersectionObserver
object. If not found, the global search will be performed. If the global search is not found, LynxView
will be used as the reference node.
Specifies the zoom value of the reference node window. This value only affects the detection of the intersection state and does not affect the actual view display. A positive value means expanding the reference node window boundary, and a negative value means shrinking the reference node window boundary.
Property name | Type | Description |
---|---|---|
left | number | string | The scaling value of the left boundary of the target node |
right | number | string | The scaling value of the right boundary of the target node |
top | number | string | The scaling value of the upper boundary of the target node |
bottom | number | string | The scaling value of the lower boundary of the target node |
The intersection state between the target node and the reference node and the target node and the ancestor node is defined as the smallest intersection ratio as follows:
margins
)overflow: visible
is set.id
set, select the smallest one below
LynxView
(scaled by margins
)LynxView
. The ancestor node will be ignored when overflow: visible
is set.LCD tables only load in the browser