如何了解我的聚合物元素当前是否可见
聚合物元素的可见性是指该元素在用户的屏幕上是否可见。了解聚合物元素当前是否可见可以通过以下几种方式：
- Intersection Observer API：Intersection Observer API是一种现代的浏览器API，用于监测元素与其祖先或视口之间的交叉状态。通过使用Intersection Observer API，可以监听元素的可见性变化，并在元素进入或离开视口时触发相应的回调函数。这个API可以帮助我们判断聚合物元素是否可见。
- getBoundingClientRect()方法：getBoundingClientRect()是DOM元素的方法，返回一个DOMRect对象，包含了元素的位置、大小等信息。通过获取元素的位置信息，可以判断元素是否在视口内，从而判断元素的可见性。
- CSS属性：可以使用CSS属性来判断元素的可见性。例如，可以使用opacity属性来设置元素的透明度，通过判断透明度是否为0来判断元素是否可见。另外，可以使用visibility属性来设置元素的可见性，通过判断可见性是否为"hidden"来判断元素是否可见。
以上是几种常见的方法来判断聚合物元素的可见性。根据具体的需求和场景，选择适合的方法来判断元素是否可见。腾讯云没有直接相关的产品和产品介绍链接地址与此问题相关。
相关·内容
我是Dart的新手，正在尝试了解如何获取列表中元素的当前索引，如下所述：
1)当从数据库获取对象列表并通过JSON发送到客户端Dart web应用程序时，我运行服务器。2)在Dart客户端网页上，我希望将该列表的元素布局在表中，但采用mod3方式，即每三列超过N行。因此，我想使用聚合物模板扫描列表，获取当前元素，将其添加到表中(即编写一个超文本标
浏览 2提问于2013-10-28得票数 0
我在茉莉花中为聚合物元素编写了一些测试，它是根据聚合物如何用Mocha编写测试的，如果我单独运行它们，我就能够成功地运行这些测试。通过查看聚合物的，我了解到有一个定制的测试运行程序，它使用mocha-htmltest.js在iframe中启动每个聚合物元素测试(每个测试本身都是html )，然后销毁它，以便每个test.The显
浏览 0提问于2014-03-14得票数 2
回答已采纳
1回答
是否有可能控制聚合物中元素的渲染？我确实有多个纸标签，我只想先呈现可见的内容，然后在背景中呈现，或者在可见的基础上呈现。我想优化这一点，因为我在每个选项卡中都有很多元素，渲染性能也不是很好。我使用的是最新的聚合物版本1.7
编辑: web组件的隐藏属性不会影响呈现。
浏览 2提问于2016-11-09得票数 0
回答已采纳
我试图访问聚合物元素的浏览器呈现的DOM，丝毫不关心中描述的“光”或“影”DOM中的哪些位，但我找不到任何关于允许我这样做的access函数的API文档。我可以看到聚合物元素上的.shadowRoots列表，还可以看到常规的.children属性，但对于获取页面上实际显示的内容来说，这两个属性都不是特别有用。获
浏览 0提问于2014-05-02得票数 1
我在聚合物元素的上创建了一个问题，但我想检查是否已经有了解决我所描述的问题的通用方法？基本上能够提供几乎即时的内容，然后当聚合物和它的相关元素加载后，将内容移动到元素中，以便获得元素提供的额外功能？
浏览 2提问于2016-12-29得票数 0
我刚刚开始玩聚合物元素，请注意，我绝对不认为自己是一个web开发人员(所以HTML/CSS/Javascript并不是我的强项)。当div的内容是聚合物元素(即影子DOM)时，我很难制作一个动态高度div容器。我可以使用像素(即height: 250px)成功地更改CSS类中容器的高度，但是将高度属性更改为；height: auto或height: auto !
浏览 1提问于2014-08-26得票数 2
回答已采纳
我想用Dart聚合物为定制元素构建一个库，其架构如下：<child-custom-element-0 attributeschild-custom-element-1 attributes="zzzzzzzz"> </child-custom-element-1>要求是:子自定义元素
浏览 6提问于2014-04-26得票数 0
回答已采纳
1回答
如果我尝试访问类型，它会说newRow是一个HtmlElement，没有“类型”。如果我试图转换它，是说它不是HtmlElement的一个子类型。MyPolyElem() => document.createElement("poly-elem");}
显然，如果我动态地创建一个聚合物元素如果我要在HTML标记中编写并查询它，那么它就是MyPolyEl
浏览 0提问于2015-01-12得票数 1
回答已采纳
1回答
我正在使用高分子1.x，并开始使用聚合物工具包来构建一个当前的应用程序。我了解应用程序元素，目前我正试图实现这样的目标：
到目前为止，我有这样的事情：
是否需要使用媒体查询来隐藏标签并显示徽标？顺便提一句，我真的很难理解聚合物，因为我不知道这些元素是和预定义的<
浏览 1提问于2016-06-06得票数 0
回答已采纳
1回答
更新聚合物元素模板
、、、、
好吧，我有一堆聚合物客户元素兄弟姐妹作为我的单页应用程序的不同页面.它们都包含在一个核心动画页面元素中。我通过一个共享的自定义元素来传递数据，该元素使用核心-本地存储作为后端。所触发的事件可以也可以不触发所述兄弟关系，以基于从另一个兄弟中的用户接收的数据来更改其视图。这通常是用模板完成的。我发现，如果更改发生在
浏览 2提问于2015-02-25得票数 0
回答已采纳
2回答
我们目前正在进行一个项目，在这个项目中，我们使用AngularJS和聚合物的组合。我们有一些结构，但真正重要的是这段代码： <menu-listfor="places" data="{{dataContainer.getSomeData()}}">
</temp
浏览 0提问于2015-09-30得票数 8
1回答
我刚接触过聚合物1.0。TL;DR:在一般情况下是否与聚合物和WebComponents的主()函数等价？我通常看例子，演示和项目，看看它应该如何工作，但由于聚合物是如此新的(特别是v1.0)，我很难找到非平凡的例子。
浏览 6提问于2015-06-18得票数 2
3回答
我刚刚读到了关于Dart的web ui框架，但我还没有看到任何控件，例如datagrid或tab bar。有没有库提供像Sencha ExtJs这样的组件？
浏览 2提问于2013-07-14得票数 7
2回答
我不知道如何使disqus注释代码在我的自定义元素中工作。我的网站结构：- my-app.html (自定义元素)- my-testView2.html (自定义元素) <content select=".disqusClass2"></cont
浏览 7提问于2016-09-28得票数 1
回答已采纳
我有一个聚合物项目与聚合物起动器套件。在这个项目中，我有一个index.html，它是项目的主页。
我需要创建一个管理页面，它将成为管理人员的主页，并且我找不到执行另一个页面的方法。我创建了新页面administration.html，并尝试执行url：，但是路由再次将我发送到index.html。我发现问题出在路由问题上，但我不知道如何才能解决这个问题。我很感谢在这方面的任何帮助。
浏览 0提问于2016-04-12得票数 0
回答已采纳
3回答
问题是，我需要将选项卡集中在元素上，使用这两行代码 this.tabIndex = 0;}是否有处理用户输入的聚合物</
浏览 6提问于2014-09-19得票数 1
回答已采纳
是否可以查询位于具有overflow:scroll的父元素的“隐藏区域”中的所有对象</div>
如何获取所有看不到的<tr>的列表？
浏览 0提问于2019-08-17得票数 0
9回答
如果元素不可见，则滚动
、、、、
如何使用jquery确定元素在当前页面视图中是否可见。我想添加一个评论功能，就像在facebook中一样，如果元素当前不可见，则只滚动到元素。所谓可见，是指它不在当前页面视图中，但您可以滚动到该元素。
浏览 4提问于2011-06-02得票数 23
3回答
我试图找出如何根据相同的变量获得两个元素的可见性。包装元素不是一个选项，因为我需要在元素不可见的情况下与它们交互。我尝试过这样做，我在某个地方找到了一个例子，但是它没有起作用，这两个元素总是可见的： display:{{ {none: editing == true, b
浏览 2提问于2014-11-19得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
