[英]What is the main difference between rootMargin & threshold in Intersection Observer API?
據我了解，一旦您設置了rootMargin:"0px" ，這意味着當您選擇的元素在屏幕上完全可見並且相對於視口或任何相關元素的邊距為 0px 時，將產生效果。
在閾值屬性中，它具有從 0% 到 100% 的值，也表示為 0 到 1。這意味着如果值為 1，則一旦元素在視口上 100% 可見，回調將運行。
請突出它們之間的差異。
rootMargin是圍繞您的根的矩形邊界框，您可以調整它以觸發相交。 默認情況下，這是您的視口。 當元素位於根的某個區域內時，使用它來觸發交集，即當我觀察到的元素達到視口的 25% 或視口的 50px 時觸發。 值可以是 % 或 px。 即rootMargin: '0px 0px -50px'或rootMargin: '0px 0px -25%' 。
閾值是根中觀察到的元素的百分比。 當觀察到的元素的百分比在根內時，使用它來觸發交集，即當我的元素的 65% 在視口（根）內時觸發。 值是基於 0 和 1 之間的百分比。即threshold: .65
Intersection Observer 不能只增加頂部的 rootMargin
[英]Intersection Observer cannot increase only the top rootMargin
為什么在視口沒有達到閾值的情況下執行交叉觀察者API的回調？
[英]Why the callback of Intersection Observer API is executed when even viewport didn't reach the threshold?
連接商店時，Mobx.inject Mobx.observer之間的主要區別是什么？
[英]What is the main difference between Mobx.inject an Mobx.observer when connecting stores?
Intersection Observer API：回調 function 未在交叉路口觸發
[英]Intersection Observer API: Callback function is not triggered on intersection
是什么導致 Intersection Observer API 在用異步邏輯替換同步邏輯時響應不同？
[英]What's causing Intersection Observer API to respond differently when replacing synchronous logic with asynchronous logic?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.
