使用以下自定义的React与IntersectionObserver进行交互 const intersectionObserver= useRef<Intersectio
浏览 3提问于2020-08-12得票数 0
通过阅读Mozilla对IntersectionObserver的解释，我遇到了，这是IntersectionObserver的一个示例用例的一部分。本文创建IntersectionObserver的方式在我正在处理的项目的代码上下文中运行得很好，但我对IntersectionObserver如何继续工作感到有点困惑，尽管用于存储IntersectionObserver函数调用结束时，不应该将IntersectionObserver与observer变量一起垃圾收集吗？
在我自己的代码中
浏览 4提问于2021-11-21得票数 0
2回答
正在尝试生成工具提示组件。当工具提示从视口移开时，需要切换工作正常的工具提示位置。但是当工具提示远离视口时，useEffect会无限运行。找不到根本原因。 添加沙盒链接https://codesandbox.io/s/dbpkr
浏览 61提问于2020-12-29得票数 0
main-input"); }); 我收到此错误，未捕获ReferenceError:未定义IntersectionObserver有没有办法让我模仿IntersectionObserver？
浏览 89提问于2019-07-12得票数 10
回答已采纳
我正在尝试在iOS13上运行的cordova 8.0.0应用程序中使用IntersectionObserver。当我通过safari检查我的应用程序时，我看到一个初始化错误：这表明IntersectionObserver我读过很多文章，声称iOS safari 12+本身就支持IntersectionObserver。我发现我已经在我的safari实验功能中启用了IntersectionO
浏览 2提问于2019-11-28得票数 5
当用户滚动到页面底部时，我使用IntersectionObserver加载数据。: IntersectionObserver;
this.observer= new IntersectionObserver(([entry]) => { },我认为我必须使用间
浏览 13提问于2020-08-26得票数 0
我不明白为什么Safari (13.0.2)在使用TypeError: Type error时会抛出一个IntersectionObserver()。其他主流浏览器没有。DOMContentLoaded", () => {
root: document,
浏览 2提问于2020-07-01得票数 0
回答已采纳
1回答
我是curious...do的CSS滚动快照属性有一个API (事件)，可以通过JavaScript？ 我正在修补创建一个网站的想法，该网站使用滚动捕捉在100vh的“幻灯片”之间移动。在每个幻灯片完成“滚动捕捉”后，我想触发一个动画。 我相信有一些巧妙的方法可以检查每个“幻灯片”，看看它是否占用了100%的视窗，但这有点糟糕。最好是在scroll事件完成后再触发一个函数。 下面是一个超级简单的例子： $(document).ready(function() {
let slideNumber = $('.container > .slide').length;
浏览 13提问于2019-02-21得票数 9
我使用的是IntersectionObserver，如果浏览器不兼容的话，应该加载一个填充。不幸的是，在IE11中，事情并没有起作用。在控制台中，我可以看到一个IntersectionObserver未定义的错误。如果我没有加载填充料的话，我会料到的，但我应该！我检查了“网络”选项卡，似乎IE从未下载过“填充”脚本。知道为什么吗？下面是我的代码，它应该检查浏览器是否支持IntersectionObserver，如果它不支持的话，就加载它。
<script type="text/javascript">
浏览 0提问于2019-09-16得票数 3
1回答
因为Vue 3没有IntersectionObserver库，所以我想实现我自己的小解决方案。 我读过有关指令的内容，据我所知，这是正确的方向。(?)我的本地指令： directives: { mounted(el) { let intersectionObserver = new IntersectionObser
浏览 10提问于2021-01-03得票数 1
回答已采纳
当观察到的元素具有position: absolute并且根不是视口时，IntersectionObserver似乎不起作用。 我是不是漏掉了什么？= document.getElementById("observedElement"); (entries, observer) => {
浏览 23提问于2021-01-15得票数 1
回答已采纳
我有一个IntersectionObserver来延迟加载图像等等，其中el是HTML，offset是一个数字。const observer = new IntersectionObserver((entries) => {
if (entries[0].isIntersecting === true) {
浏览 7提问于2020-05-23得票数 1
对于从DOM中删除的元素，可能有一个IntersectionObserver(或任何其他类型)setIntersectionObserver(config:LazyConfig) let intersectionObserver = new IntersectionObserverfor (let entr
浏览 0提问于2017-12-22得票数 21
this.element.shadowRoot.querySelector('.lazy-img'); }
if ('IntersectionObserveroptions = { threshold: 0.1
this.observer = new window.IntersectionObserver
浏览 39提问于2019-11-16得票数 8
回答已采纳
我有一个使用IntersectionObserver的简单代码，它基本上告诉在屏幕上什么时候一个对象是可见的，当这种情况发生时，我想要一个标题更改为那个可见元素的相同名称。var observer = new IntersectionObserver(function(entries) {}, { thresh
浏览 3提问于2022-06-03得票数 2
回答已采纳
在我的component.test.js中，我尝试通过这样的操作来模拟IntersectionObserver： observe: jest.fn(),disconnect: jest.fn()window.IntersectionObserver = jest.fn().mockImplementation(mock);
describe我试着在component.test.js本身的it()块内测试它，方法是实例化一个IntersectionObserver，然后调用这
浏览 0提问于2021-05-17得票数 3
回答已采纳
我有一个简单的设置，使用intersectionObserver在元素相交时向元素添加一个类。 如果一次只有一个元素滚动到视图中，则工作得很好。console.log(lazyLoadSvg)
const obse
浏览 31提问于2021-08-27得票数 0
回答已采纳
我的应用程序中有一个(编写得相当糟糕) javascript组件，它处理无限滚动分页，我试图重写它以使用IntersectionObserver，正如描述的，但是我在测试它时遇到了问题。handle the infinite scroll var io = new IntersectionObserver);
//Do some assertions about the state after the callback
浏览 10提问于2017-05-29得票数 50
回答已采纳
我使用react-spring和IntersectionObserver在我的页面上动画一些div元素。
对于IntersectionObserver，我使用教程提供的钩子。，当满足IntersectionObserver阈值时，如何使用react弹簧使div旋转？
浏览 0提问于2020-09-12得票数 0
1回答
我可以在reactjs中为多个子IntersectionObserver迭代一个IntersectionObserver吗？ threshold: 1
const appearOnScroll = new IntersectionObserver
浏览 8提问于2022-07-08得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
