首頁猿問 Intersection...

Intersection Observer API 中的 rootMargin

JavaScript

米脂 2023-04-01 15:34:30

據(jù)我所知，一旦你設(shè)置了rootMargin:"0px"，這意味著當(dāng)你選擇的元素在屏幕上完成可見并且相對于視口或任何相關(guān)的邊距為 0px 時，將產(chǎn)生效果。在threshold 屬性中，它具有從 0% 到 100% 的值，也表示為 0 到 1。這意味著如果值為 1，則一旦元素在視口上 100% 可見，回調(diào)就會運(yùn)行。請強(qiáng)調(diào)它們之間的區(qū)別。

查看完整描述

1 回答

慕桂英3389331

TA貢獻(xiàn)2036條經(jīng)驗(yàn) 獲得超8個贊

rootMargin是圍繞您的根的矩形邊界框，您可以調(diào)整它以觸發(fā)交叉點(diǎn)。默認(rèn)情況下，這是您的視口。當(dāng)元素位于根的某個區(qū)域內(nèi)時，使用它來觸發(fā)交叉點(diǎn)，即當(dāng)我觀察到的元素達(dá)到視口的 25% 或視口的 50px 時觸發(fā)。值可以是 % 或 px。即rootMargin: '0px 0px -50px'或rootMargin: '0px 0px -25%'。

threshold是根中觀察到的元素的百分比。當(dāng)觀察到的元素的百分比在根內(nèi)時，使用它來觸發(fā)交集，即當(dāng)我的元素的 65% 在視口（根）內(nèi)時觸發(fā)。值是基于 0 和 1 之間的百分比。即threshold: .65

反對回復(fù) 2023-04-01