这是
实验性技术
检查
浏览器兼容性表格
要小心谨慎在生产中使用这之前。
IntersectionObserverEntry
interface's read-only
target
property indicates which targeted
元素
has changed its amount of intersection with the intersection root.
var target = IntersectionObserverEntry.target;
IntersectionObserverEntry
's
target
property specifies which
元素
previously targeted by calling
IntersectionObserver.observe()
experienced a change in intersection with the root.
In this simple example, each targeted element's
opacity
is set to its
intersectionRatio
.
function intersectionCallback(entries) {
entries.forEach(function(entry) {
entry.target.opacity = entry.intersectionRatio;
});
}
To see a more concrete example, take a look at Handling intersection changes in Timing element visibility with the Intersection Observer API .
| 规范 | 状态 | 注释 |
|---|---|---|
|
Intersection Observer
The definition of 'IntersectionObserverEntry.target' in that specification. |
工作草案 | 初始定义 |
The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
更新 GitHub 上的兼容性数据| 桌面 | 移动 | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
target
|
Chrome 51 | Edge 15 |
Firefox
55
|
IE No | Opera Yes | Safari ? | WebView Android 51 | Chrome Android 51 | Firefox Android ? | Opera Android ? | Safari iOS ? | Samsung Internet Android 5.0 |
完整支持
不支持
兼容性未知
实验。期望将来行为有所改变。
用户必须明确启用此特征。
IntersectionObserverEntry