我有一个div，当它滚动到视区中时，我想要改变它的颜色，我正在尝试使用新的intersectionObserver方法来实现这一点。rootMargin: '0px',};
let observer = new IntersectionObserver
浏览 1提问于2018-02-07得票数 3
回答已采纳
我使用的是IntersectionObserver，如果浏览器不兼容的话，应该加载一个填充。不幸的是，在IE11中，事情并没有起作用。在控制台中，我可以看到一个IntersectionObserver未定义的错误。如果我没有加载填充料的话，我会料到的，但我应该！我检查了“网络”选项卡，似乎IE从未下载过“填充”脚本。知道为什么吗？下面是我的代码，它应该检查浏览器是否支持IntersectionObserver，如果它不支持的话，就加载它。
<script type="text/javasc
浏览 0提问于2019-09-16得票数 3
通过阅读Mozilla对IntersectionObserver的解释，我遇到了，这是IntersectionObserver的一个示例用例的一部分。本文创建IntersectionObserver的方式在我正在处理的项目的代码上下文中运行得很好，但我对IntersectionObserver如何继续工作感到有点困惑，尽管用于存储IntersectionObserver据我所知，它工作得很完美，但我很想知道它为什么会起作用。}, options);
targe
浏览 4提问于2021-11-21得票数 0
是否有方法将内置的javascript方法存储在变量中，以便在某些浏览器中无法使用此方法时设置不同的行为？我的具体案例是intersectionObserver，它在Safari或旧的MS浏览器中是不可用的。我有一些动画触发这一点，并希望关闭他们如果intersectionObserver是不可用的。我想要做的基本上是：
if ( !
浏览 0提问于2018-02-14得票数 11
回答已采纳
我想了解一下Javascript的IntersectionObserver。我想在顶部的消息上显示“可见的区块”。CodePen“几乎”可以工作，但不能完全工作。有时它会显示正确的块，有时不会。let message = document.querySelector('#block-number');
const io = new Inte
浏览 0提问于2018-06-13得票数 1
我有以下方法： this.image = this.element.shadowRoot.querySelector('.lazy-img');this.observeImage(); if ('IntersectionObserver' in window) { rootMargin: '0px',
t
浏览 39提问于2019-11-16得票数 8
回答已采纳
(JavaScript)我可以看到，当元素进入并离开视图端口时，可以使用IntersectionObserver触发动画--但是，当一个元素到达视图端口的一半时，是否有一种触发动画的方法？
浏览 1提问于2022-04-30得票数 0
回答已采纳
我有下面的IntersectionObserver代码，作为一个滚动触发器的网站上的动画，所有的工作正常。但是，我想将作为调用forEach()的IntersectionObserver方法切换到for循环，但是我无法让它工作。
我相信这是可以做到的，但这让我有点疯狂。之所以需要这样做，是因为我使用了一个多边形填充，这样IntersectionObserver就可以在早期版本的IE和Edge中工作，但是当然，forEach()方法在这些浏览器中不能<e
浏览 0提问于2018-08-06得票数 2
回答已采纳
1回答
至少让它能在大多数浏览器上工作。最简单的方法是在按钮上设置一个css属性，使其始终固定在底部。这样做的问题是，对于按钮最初位于所有其他按钮中的某个位置的应用程序，它现在将始终位于底部。<div style="position: fixed; bottom: 0px; left: 0px;"></div> 所以我发现的另一种方法是在Javascript中使用IntersectionObserver应用程序接口。它在
浏览 20提问于2021-01-21得票数 0
我有一个页面，它的内容是不可见的(不透明= 0)，基于isIntersecting属性，用户将不透明度向下滚动到1，这非常简单，也是IntersectionObserver API的基本实现。所以我在JS文件中使用了特性检测，如下所示 }
而且这对于浏览器来说也很好然而，我的CSS仍然具有0的不透明度，我需要向那些不支持IntersectionObserver<
浏览 16提问于2022-05-15得票数 0
我的应用程序中有一个(编写得相当糟糕) javascript组件，它处理无限滚动分页，我试图重写它以使用IntersectionObserver，正如描述的，但是我在测试它时遇到了问题。是否有一种方法来驱动QUnit测试中观察者的行为，即用我的测试中描述的一些条目触发观察者回调？handle the infinite scroll var io = new IntersectionObservercomp
浏览 10提问于2017-05-29得票数 50
回答已采纳
我正在使用IntersectionObserver API。 entries.forEach((entry,index) =>});
const fadeInElemes = do
浏览 0提问于2019-07-31得票数 4
这是代码： entries.forEach((entry) => {
if
浏览 2提问于2021-02-12得票数 0
回答已采纳
我已经阅读了所有关于这个主题的相关问题，我意识到这可能会被标记为重复的，但我就是想不出如何让它工作。我有一个简单的函数，可以懒惰地加载元素： export default function lazyLoad(targets, onIntersection) {let unobserve;
beforeEac
浏览 56提问于2020-10-01得票数 0
回答已采纳
"0px",//console.log(entries);
const observer = new IntersectionObserver
浏览 5提问于2021-11-03得票数 0
2回答
完整代码的，在这里可以看到IntersectionObserver不工作。import { onMount } from 'svelte'; const observer = new IntersectionObserver
浏览 14提问于2022-11-22得票数 0
我正在尝试使用IntersectionObserver构建一个简单的纯Javascript无限滚动体。我有部分的工作，在意义上说，当你滚动到最后，更多的项目负载。我几乎需要一个负阈值选项，但这不是IntersectionObserver规范的一部分。 <div id="items"></div>
<div id="trigger"&g
浏览 3提问于2020-06-30得票数 1
2回答
到目前为止，我在： beforeEach(() => { const mockIntersectionObserverintersectionRect: true, target: true, }]) window.IntersectionObserver: Intersecti
浏览 20提问于2020-08-31得票数 4
回答已采纳
我有很长的联系人名单。如果滚动列表，工具栏标题应显示工具栏标题下面的人的姓名。我使用的是VueJS和Vuetify框架。Vuetify提供以下组件，但它基于位置-如何获取列表条目的名称？
<div id="app"> <v-card class="mx-auto" <v-toolbar
浏览 0提问于2019-09-13得票数 1
回答已采纳
云服务器
ICP备案
对象存储
云点播
实时音视频
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号