问题描述
设置rootMargin的代码如下所示。
let observerOptions = {
root: null,
rootMargin: "100px",
threshold: []
};
当我将其设置为100px ，根元素的边界框不会增长 100px；
当我将其设置为-100px ，根元素的边界框不会缩小 100px。
这是一个的。
该示例直接取自，我只更改了rootMargin的值。
1楼
在 jsFiddle 上的示例中，您的IntersectionObserver位于iframe （jsFiddle 将所有代码包装在 iframe 中）。
对于iframe作品，您必须使用 iframe 元素设置根。
通常，如果您使用正确的元素（带有滚动条的元素）设置root元素，则rootMargin效果很好。
例如。：
let observerOptions = {
root: document.getElementById("parentScroll"),
rootMargin: "100px",
threshold: []
};
在经典的 html 文件中尝试您的代码，它可能适用于root: null ，但它永远不会适用于 jsFiddle。