首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >我如何知道一个网页组件是否在屏幕上显示在litelement中?

我如何知道一个网页组件是否在屏幕上显示在litelement中?
EN

Stack Overflow用户
提问于 2019-12-07 03:25:57
回答 1查看 67关注 0票数 0

我正在做一个带有litelement的小项目,但我想在when组件显示时触发一个事件,不仅是第一次,而且是每次组件显示时,我该怎么做呢?

提前感谢

EN

回答 1

Stack Overflow用户

发布于 2019-12-12 13:59:26

交叉点观察者API将帮助您找出元素是否在屏幕上。有关更多信息,请访问visit MDN docs

代码语言:javascript
复制
// 1. Observer options
let options = {
  // The scroll area - mostly body or document
  root: document.querySelector('#parent'),
  rootMargin: '0px',
  threshold: 1.0
};

let callback = () => { /* Do something */ };

// Observe Element
let observer = new IntersectionObserver(callback, options);

// Start observing
const targetElm = document.querySelector('#target');
observer.observe(targetElm);

除IE以外的所有浏览器都支持该API,但已提供polyfill:https://github.com/w3c/IntersectionObserver

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/59219173

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档